@charset "utf-8";

@font-face {
    font-family: "TENStitle";
    src: url("../font/TENSANS-BOLD.otf");
}
@font-face {
    font-family: "DIN-Light";
    src: url("../font/DIN-Light.otf");
}
@font-face {
    font-family: "DIN-bold";
    src: url("../font/din-bold_.otf");
}
#content h2 .txtEn {
    font-family: TENStitle!important;
    float: left;
    font-size: 34px;
    font-weight: normal;
    line-height: 28px;
}
body{
    overflow-x:hidden
}
.title_font{
    /*font-family: Venera; font-weight: bold; src: url(Venera-900.otf);*/
    /*font-family: TENStitle!important;*/
}

article, aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

html.no-cssanimations audio, html.no-cssanimations canvas, html.no-cssanimations video {
	display: inline;
	zoom: 1;
}

audio:not([controls]) {
	display: none;
}

html {
    overflow-x: hidden;
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:hover, a:active {
	outline: 0;
}

pre, code, kbd, samp {
	font-family: monospace, serif;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: '';
	content: none;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

img {
    max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

svg:not(:root) {
	overflow: hidden;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption, th, td {
	text-align: left;
}

button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
}

button, input {
	line-height: normal;
}

html.no-postmessage button, html.no-postmessage input {
	overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

button {
    -webkit-appearance: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote, form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.2;
}

ul {
	list-style: none;
	list-style-image: none;
}

em {
	font-style: normal;
}

small {
	font-size: 100%;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}

legend {
	display: none;
}

fieldset {
	border: none;
}

input, textarea, select, label {
}

object {
	vertical-align: middle;
	outline: none;
}

abbr, acronym {
	border: none;
	font-variant: normal;
}

address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}

hr {
	display: none;
}

html.no-postmessage body, html.no-postmessage br {
	letter-spacing: 0;
}
html.no-postmessage div {
	zoom: 1;
}




.clearfix { zoom: 1;}

.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

.c-both { clear: both; } 


.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }
.floatL { float: left; }
.floatR { float: right; }


.txtBold { font-weight: bold; }
.txtLarge { font-size: 1.3em;}
.txtSmall { font-size: 0.7em;}


.mb01 { margin-bottom: 1px; }
.mb02 { margin-bottom: 2px; }
.mb03 { margin-bottom: 3px; }
.mb04 { margin-bottom: 4px; }
.mb05 { margin-bottom: 5px; }
.mb06 { margin-bottom: 6px; }
.mb07 { margin-bottom: 7px; }
.mb08 { margin-bottom: 8px; }
.mb09 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

.mt30 { margin-top: 30px; }

.ml01 { margin-left: 1px; }
.ml02 { margin-left: 2px; }
.ml03 { margin-left: 3px; }
.ml04 { margin-left: 4px; }
.ml05 { margin-left: 5px; }
.ml06 { margin-left: 6px; }
.ml07 { margin-left: 7px; }
.ml08 { margin-left: 8px; }
.ml09 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }



body {
    background: #000;
	color: #555;
	font-family:'Microsoft YaHei'!important;
	font-size: 62.5%;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}

#loading {
    position: fixed;
    left: 0;
    top: 0;
    display: table;
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
    z-index: 100011;
}
#loading span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#loading img {
    width: 22px;
    height: auto;
}

a{
	color: #555;
	text-decoration: none;
}
/*a:visited {*/
/*	color: #555;*/
/*}*/
/*a:hover, a:hover,*/
/*a:hover, a:active {*/
/*	color: #ea2a39;*/
/*}*/

#hdMain li span a:hover{
    color: #ea2a39!important;
}
.overAlpha {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.overAlpha:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#wrap {
    background-color: #f2f2f2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
/*毛玻璃*/
/*.blur #wrap {*/
/*    -webkit-filter: blur(6px);*/
/*    -moz-filter: blur(6px);*/
/*    filter: blur(6px);*/
/*	filter: alpha(opacity=30);*/
/*	-moz-opacity:0.30;*/
/*	opacity:0.30;*/
/*}*/

/*.blur #wrap:after {*/
/*    display: block;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: url(../image/dummy.gif);*/
/*    z-index: 99;*/
/*}*/

#content {
    font-family:'Microsoft YaHei';
    font-size: 14px;
    max-width: 1600px;
    margin: 0 auto;
    letter-spacing: 0.05em;
}

.btnType01 {
    font-family:'Microsoft YaHei';
    display: inline-block;
    color: #555;
    border: 1px solid #555;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 0 19px;
    height: 48px;
    line-height: 48px;
    min-width: 240px;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color  0.3s ease;
}
.btnType01 span {
    padding-right: 25px;
    background: url(../images/ico_arrow02.png) 95% 3px no-repeat;
}
.btnType01:hover {
    background-color: #e60113;
}
.btnType01:hover span {
    color: #fff;
    background: url(../images/ico_ft_select.png) 95% 1px no-repeat;
}

.blank {
    display: inline-block;
    background: #ddd url(../images/ico_blank.gif) right 5px no-repeat !important;
    padding: 0 17px 0 2px !important;
    line-height: 1.5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
.blank:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.linkTxt {
    display: inline-block;
    background: #ddd!important;
    padding: 0 2px !important;
    line-height: 1.5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
.linkTxt:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.badgeNews {
    width: 84px;
    height: 19px;
    line-height: 19px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #999;
    color: #fff;
}



#header {
    position: fixed;
    left: 0;
    top: 3px;

    padding: 0 0.1515151515151515%;
    box-sizing: border-box;
    z-index: 100;
    width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: box-shadow,-webkit-box-shadow, -moz-box-shadow 0.3s ease-out;
    -moz-transition: box-shadow,-webkit-box-shadow, -moz-box-shadow 0.3s ease-out;
    -o-transition: box-shadow,-webkit-box-shadow, -moz-box-shadow 0.3s ease-out;
    transition: box-shadow,-webkit-box-shadow, -moz-box-shadow  0.3s ease-out;
}

#header.shadow {
    box-shadow:rgba(0, 0, 0, 0.05) 0px 12px 6px -6px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.05) 0px 12px 6px -6px;
    -moz-box-shadow:rgba(0, 0, 0, 0.05) 0px 12px 6px -6px;
    z-index: 999999999;
}

#header #gNavi {
    display: table;
    width: 100%;
    height: 100px;
    font-size: 11px;
    margin-bottom: 2px;
}

#header #hdMain {
    display: table-cell;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color  0.3s ease-out;
}

#header #hdMain {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
}
#header.shadow #hdMain {
    background-color: rgba(255,255,255,0.8);
}
#header:hover #hdMain {
    background-color: #fff !important;
}
#header #hdMain h1,
#header #hdMain > p {
    float: left;
    width: 160px;
    height: 40px;
    margin: 28px 0 0 28px;
}
#header #hdMain nav {
    float: left;
    margin-left: 100px;
    font-size: 15px;
}
#header #hdMain nav ul li {
    float: left;
    height: 100px;
    padding: 0 28px;
}

#header #hdMain nav ul li:first-child {
    margin-left: 25px;
}
#header #hdMain nav ul li:last-child {
    padding: 0 0 0 14px;
}

#header #hdMain nav ul li span {
    position: relative;
    display: block;
    height: 100%;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
    text-align: center;
    margin-bottom: -3px;
}
#header #hdMain nav ul li span a {
    display: block;
    box-sizing: border-box;
    font-family:'Microsoft YaHei';
}

#header #gNavi li > span > a {
    position: relative;
    display: block;
    height: px;
    line-height: 100px;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
#header #gNavi li > span {
    box-sizing: border-box;
}
.navlinespan:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #e60112;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all  0.25s ease-out;
}

#header #gNavi #hdMain li > span.btmSolid:after {
    left: 0;
    width: 100%;
}

#header #gNavi li > span > a.alpha {
	filter: alpha(opacity=100);
    font-size: 15px;
    font-weight: bold;
	-moz-opacity:1;
	opacity:1;
}

.siteNaviwhit{
    /*color: #ffffff!important;*/

}
/*.siteNaviwhit li a{*/
/*    color: #ffffff;*/
/*}*/
#header #hdSide {
    display: table-cell;
    width: 246px;
}
#header #hdSide li {
    float: right;
    width: 100px;
    margin-right: 2px;
}
#header #hdSide li:first-child {
    margin-right: 0;
}
#header #hdSide li > span {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color  0.3s ease-out;
}

#header.shadow #hdStockPhoto > span,
#header.shadow #hdSearch > span,
#header.shadow #hdNews > span,
#header.shadow #hdVS > span,
#header.shadow #hdVisualshift > span {
    background-color: rgba(255,255,255,0.8);
}
#header #hdVisualshift {
    letter-spacing: -0.05em;
}
#header:hover #hdStockPhoto > span,
#header:hover #hdSearch > span,
#header:hover #hdNews > span,
#header:hover #hdVS > span,
#header:hover #hdVisualshift > span {
    background-color: #fff;
}
#header.shadow #hdSide #hdContac > span {
    background: none !important;
}
#header #hdSide li > span > a {
    font-family:'Microsoft YaHei';
    padding-top: 18px;
    height: 100px;
    box-sizing: border-box;
}
#header #hdSide li > span .notice {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 53px;
    top: 21px;
    background-color: #e06262;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    color: #fff;
}
#header #hdStockPhoto > span:after,
#header #hdSearch > span:after,
#header #hdNews > span:after,
#header #hdVS > span:after,
#header #hdVisualshift > span:after,
#header #hdContact > span:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0 !important;
    width: 0;
    height: 3px;
    background-color: #555;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
#header #hdSide li > span > a:after {
    bottom: 0;
}
#header #hdStockPhoto > span.btmSolid:after,
#header #hdSearch > span.btmSolid:after,
#header #hdNews > span.btmSolid:after,
#header #hdVS > span.btmSolid:after,
#header #hdVisualshift > span.btmSolid:after {
    left: 14px;
    width: 74px;
}
#header #hdContact > span:after {
     background-color: #fff;
}
#header #hdContact > span.btmSolid:after {
    left: 14px;
    width: 74px;
}


#header #hdVisualshift > span > a {
    background: url(../images/ico_hd_visualshift.png) 42px 30px no-repeat;
}
#header #hdNews > span > a {
    background: url(../images/ico_hd_news.png) 40px 28px no-repeat;
}
#header #hdStockPhoto > span > a {
    padding-top: 60px !important;
    line-height: 1.3 !important;
    background: url(../images/ico_hd_stockphoto.png) 39px 27px no-repeat;
}
#header #hdVS > span > a {
    background: url(../images/ico_hd_visualshift.png) 41px 27px no-repeat;
}
#header #hdSearch > span > a {
    padding-top: 60px !important;
    line-height: 1.3 !important;
    background: url(../images/ico_hd_search.png) 41px 29px no-repeat;
}
#header #hdSide #hdContact > span {
    background-color: #e60112;
}
#header #hdSide #hdContact > span > a {
    background: url(../images/ico_hd_contact.png) 38px 24px no-repeat;
    color: #fff;
    background-size: 24px;
}



#header > div > .secLeft {
    position: relative;
    width: 25.6838905775076%;
    margin: 0 0.1519756838905775% 0 0;
    padding-top: 53px;
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    background-color: #222;
}
#header > div > .secLeft .ttl {
    position: absolute;
    top: 164px;
    left: 38px;
}
#header > div > .secLeft .link {
    position: absolute;
    right: 26px;
    bottom: 24px;
}
#header > div > .secLeft .ttl .txtEn {
    display: block;
    font-size: 32px;
    letter-spacing: 0.15em;
}
#header > div > .secLeft .ttl .txtJp {
    display: block;
    font-size: 12px;
    letter-spacing: 0.1em;
}
#header > div > .secLeft > p.lead {
    font-size: 13px;
    line-height: 2.3;
    margin-bottom: 79px;
}
#header > div > .secLeft .link a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.15em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header > div > .secLeft .link a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}
#header > div > .secLeft .link a span {
    padding-right: 16px;
    background: url(../images/ico_hd_arrow.png) 95% center no-repeat;
}

#header .hdOverThum > span:before,
#header .hdOverThum a > span:before {
    content: "";
    background: url(../images/bg_white_a20.png);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;  
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header .hdOverThum:hover > span:before,
#header .hdOverThum a:hover > span:before {
	filter: alpha(opacity=1);
	-moz-opacity:1;
	opacity:1;  
}



#header #pdAmana {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdAmana > div {
    float: left;
    height: 413px;
}
#header #pdAmana > .secCenter,
#header #pdAmana > .secRight {
    position: relative;
    display: table;
    width: 37.00607902735562%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}
#header #pdAmana > .secCenter {
    margin: 0 0.1519756838905775% 0 0;
    background: url(../images/bg_hd_amana01.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdAmana > .secRight {
    background: url(../images/bg_hd_amana02.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}

#header #pdAmana > .secCenter > p,
#header #pdAmana > .secRight > p {
    display: table-cell;
    width: 100%;
    height: 413px;
    vertical-align: middle;
}
#header #pdAmana > .secCenter .txtEn,
#header #pdAmana > .secRight .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    color: #fff;
}
#header #pdAmana > .secCenter .txtJp,
#header #pdAmana > .secRight .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    letter-spacing: 0.1em;
    line-height: 1.4;
    color: #fff;
}




#header #pdService {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdService > div {
    float: left;
    height: 413px;
}
#header #pdService > .secCenter {
    width: 22.64437689969605%;
    margin: 0 0.1519756838905775% 0 0;
    mask-box-image:url("../images/mask_radius_4444.png") 5 5 5 5;
    mask-box-size:100% 100%;
    -webkit-mask-box-image:url("../images/mask_radius_4444.png") 5 5 5 5 ;
    -webkit-mask-box-size:100% 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f2f2f2;
}
#header #pdService .keywords .secLeft {
    position: relative;
    width: 100%;
    height: 88px;
    background-color: #555;
    color: #fff;
    padding: 27px 0 0 27.51677852348993%;
    margin-bottom: 20px;
    box-sizing: border-box;
}
#header #pdService .keywords .secLeft:after {
    content: url("../images/bg_hd_keywords.png");
    display: block;
    position: absolute;
    left: 50%;
    top: 88px;
    margin-left: -8px;
    width: 16px;
    height: 15px;
}
#header #pdService .keywords .secLeft > p {
    font-size: 13px;
    line-height: 40px;
}
@media screen and (max-width: 1350px) {
#header #pdService .keywords .secLeft > p {
    font-size: 12px;
}
}
#header #pdService .keywords .secLeft > p > span {
    font-family:'DIN Next W06 Light';
    display: block;
    font-size: 11px;
    color: #999;
    padding-top: 4px;
    letter-spacing: 0.02em;
    display: none;
}

#header #pdService .keywords .secLeft .icoRss {
    position: absolute;
    left: 6.711409395973154%;
    top: 20px;
}
#header #pdService .keywords .secRight {
    padding: 0;
    font-family:'AxisStd-Regular';
}
#header #pdService .keywords .secRight > div {
    padding: 0 6.711409395973154%;
}
#header #pdService .keywords .secRight > div > div {
    position: relative;
    width: 100%;
    height: 68px;
    line-height: 68px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    background: #fff url(../images/ico_service_arrow.png) 96% center no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    margin: 0 0 2px;
}
#header #pdService .keywords .secRight > div > div .icoNew {
    display: none;
    position: absolute;
    left: 15px;
    top: 19px;
    width: 30px;
    height: auto;
    line-height: 1.5;
}
#header #pdService .keywords .secRight > div > div:hover {
    background: #ccc url(../images/ico_service_arrow_on.png) 96% center no-repeat;
}

#header #pdService .keywords .secRight > div > div > div {
    position: relative;
    height: 68px;
    overflow: hidden;
}
#header #pdService .keywords .secRight > div > div ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
#header #pdService .keywords .secRight > div > div ul a {
    display: block;
    height: 68px;
    font-size: 13px;
}
#header #pdService > .secRight {
    width: 74%;
}
#header #pdService > .secRight ul > li:nth-child(1),
#header #pdService > .secRight ul > li:nth-child(2) {
    margin-bottom: 2px;
    padding-bottom: 1px;
}
#header #pdService > .secRight ul > li:nth-child(1),
#header #pdService > .secRight ul > li:nth-child(3) {
    margin: 0 0.2958579881656805% 0 0;
}
#header #pdService > .secRight ul li {
    float: left;
    width: 49.85207100591716%;
    height: 413px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdService > .secRight ul li a {
    display: table;
    width: 100%;
    height: 413px;
    color: #fff;
    z-index: 2;
    position: relative;
}
#header #pdService > .secRight ul li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#header #pdService > .secRight ul li:nth-child(1) a {
    /*background: url(../image/bg_hd_service01.jpg) center center no-repeat;*/
    background-color: #585858;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li:nth-child(2) a {
    background-color: #585858;
    /*background: url(../image/bg_hd_service02.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li:nth-child(3) a {
    background-color: #585858;
    /*background: url(../image/bg_hd_service03.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li:nth-child(4) a {
    background-color: #585858;
    /*background: url(../image/bg_hd_service04.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li:nth-child(5) a {
    background-color: #585858;
    /*background: url(../image/bg_hd_service05.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdService > .secRight ul li a > span .txtEn {
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdService > .secRight ul li a > span .txtJp {
    display: block;
    font-size: 12px;
    letter-spacing: 0.1em;
}



#header #pdIndustries {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdIndustries > div {
    float: left;
    height: 413px;
}
#header #pdIndustries > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
}
#header #pdIndustries > .secRight li {
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
}
#header #pdIndustries > .secRight li a {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 2;
}
#header #pdIndustries > .secRight li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#header #pdIndustries > .secRight li .txtEn {
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdIndustries > .secRight li .txtJp {
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}
#header #pdIndustries > .secRight li {
    width: 33.19672131147541%;
    height: 413px;
    margin-left: 0.2049180327868852%;
    margin-bottom: 2px;
}
#header #pdIndustries > .secRight li:nth-child(1),
#header #pdIndustries > .secRight li:nth-child(4) {
    margin-left: 0;
}
#header #pdIndustries > .secRight li:nth-child(1) a {
    background-color: #585858;
    /*background: url(../image/bg_hd_industries01.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(2) a {
    background-color: #585858;
    /*background: url(../image/bg_hd_industries02.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(3) a {
    background-color: #585858;
    /*background: url(../image/bg_hd_industries03.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(4) a {
    /*background: url(../image/bg_hd_industries04.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(5) a {
    /*background: url(../image/bg_hd_industries05.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries > .secRight li:nth-child(6) a {
    /*background: url(../image/bg_hd_industries06.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}



#header #pdIndustries1 {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdIndustries1 > div {
    float: left;
    height: 413px;
}
#header #pdIndustries1 > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
}
#header #pdIndustries1 > .secRight li {
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
}
#header #pdIndustries1 > .secRight li a {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 2;
}
#header #pdIndustries1 > .secRight li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#header #pdIndustries1 > .secRight li .txtEn {
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdIndustries1 > .secRight li .txtJp {
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}
#header #pdIndustries1 > .secRight li {
    width: 33.19672131147541%;
    height: 205px;
    margin-left: 0.2049180327868852%;
    margin-bottom: 2px;
}
#header #pdIndustries1 > .secRight li:nth-child(1),
#header #pdIndustries1 > .secRight li:nth-child(4) {
    margin-left: 0;
}
#header #pdIndustries1 > .secRight li:nth-child(1) a {
    /*background-color: #585858;*/
    /*background: url(../image/bg_hd_industries01.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries1 > .secRight li:nth-child(2) a {
    /*background-color: #585858;*/
    /*background: url(../image/bg_hd_industries02.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries1 > .secRight li:nth-child(3) a {
    /*background-color: #585858;*/
    /*background: url(../image/bg_hd_industries03.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries1 > .secRight li:nth-child(4) a {
    /*background-color: #585858;*/
    /*background: url(../image/bg_hd_industries04.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries1 > .secRight li:nth-child(5) a {
    /*background: url(../image/bg_hd_industries05.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdIndustries1 > .secRight li:nth-child(6) a {
    /*background: url(../image/bg_hd_industries06.jpg) center center no-repeat;*/
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}


#header #pdWorks {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdWorks > div {
    float: left;
    height: 413px;
}
#header #pdWorks > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
}
#header #pdWorks > .secRight > p {
    height: 64px;
    box-sizing: border-box;
    padding: 17px 0 0 19px;
}
#header #pdWorks > .secRight > p .txtEn {
    font-family:'DIN Next W06 Regular';
    float: left;
    font-size: 22px;
    letter-spacing: 0.15em;
    font-weight: normal;
}
#header #pdWorks > .secRight > p .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    float: left;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin: 7px 0 0 11px;
    padding-left: 14px;
    border-left: 1px solid #555;
}
#header #pdWorks > .secRight ul li {
    position: relative;
    float: left;
    width: 25%;
    border-left: 1px solid #eee;
    box-sizing: border-box;

}
#header #pdWorks > .secRight ul li:first-child {
    border-left: none;
}
#header #pdWorks > .secRight ul li a {
    display: block;
    height: 349px;
}
#header #pdWorks > .secRight ul li a .thum {
    display: block;
    overflow: hidden;
    height: 243px;
}
#header #pdWorks > .secRight ul li a .thum img {
    vertical-align: top;
    width: 100%;
    height: auto;
    min-width: 243px;
    min-height: 243px;
}
#header #pdWorks > .secRight ul li a .txt {
    display: block;
    box-sizing: border-box;
    padding: 15px 20px 0;
    line-height: 1.8;
    font-family:'AxisStd-Regular';
    font-size: 14px;
}



#header #pdCompany {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdCompany > div {
    float: left;
    height: 413px;
}
#header #pdCompany > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
}
#header #pdCompany > .secRight li {
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-left: 0.2049180327868852%;
}
#header #pdCompany > .secRight li a {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 2;
}
#header #pdCompany > .secRight li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#header #pdCompany > .secRight li .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdCompany > .secRight li .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}
#header #pdCompany > .secRight li:nth-child(1),
#header #pdCompany > .secRight li:nth-child(2),
#header #pdCompany > .secRight li:nth-child(3) {
    width: 33.19672131147541%;
    height: 206px;
    margin-bottom: 2px;
}
#header #pdCompany > .secRight li:nth-child(4),
#header #pdCompany > .secRight li:nth-child(5),
#header #pdCompany > .secRight li:nth-child(6) {
    width: 33.19672131147541%;
    height: 205px;
}
#header #pdCompany > .secRight li:nth-child(1),
#header #pdCompany > .secRight li:nth-child(4) {
    margin-left: 0;
}

#header #pdCompany > .secRight li:nth-child(1) a {
    background: url(../images/bg_hd_company01.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(2) a {
    background: url(../images/bg_hd_company02.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(3) a {
    background: url(https://amana.jp/common/images/bg_hd_company03.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(4) a {
    background: url(../images/bg_hd_company04.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(5) a {
    background: url(../images/bg_hd_company05.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(6) a {
    background: url(../images/bg_hd_company06.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}
#header #pdCompany > .secRight li:nth-child(7) a {
    background: url(../images/controls.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}



#header #pdRecruit {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdRecruit > div {
    float: left;
    height: 413px;
}
#header #pdRecruit > .secRight {
    width: 74.16413373860182%;
    box-sizing: border-box;
}

#header #pdRecruit > .secRight li {
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 33.19672131147541%;
    margin-left: 0.2049180327868852%;
}
#header #pdRecruit > .secRight li:first-child {
    margin-left: 0;
}
#header #pdRecruit > .secRight li a {
    display: table;
    width: 100%;
    height: 413px;
    z-index: 2;
    color: #fff;
}
#header #pdRecruit > .secRight li a > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 0 0 34px;
}
#header #pdRecruit > .secRight li .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 22px;
    letter-spacing: 0.15em;
}
#header #pdRecruit > .secRight li .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 3px 0 0;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}
/*#header #pdRecruit > .secRight li:nth-child(1) a {*/
/*    background: url(../image/bg_hd_recruit02.jpg) center center no-repeat;*/
/*    background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -webkit-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    -ms-background-size: cover;*/
/*}*/
/*#header #pdRecruit > .secRight li:nth-child(2) a {*/
/*    background: url(../image/bg_hd_recruit01.jpg) center center no-repeat;*/
/*    background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -webkit-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    -ms-background-size: cover;*/
/*}*/
/*#header #pdRecruit > .secRight li:nth-child(3) a {*/
/*    background: url(../image/bg_hd_recruit03.jpg) center center no-repeat;*/
/*    background-size: cover;*/
/*    -moz-background-size: cover;*/
/*    -webkit-background-size: cover;*/
/*    -o-background-size: cover;*/
/*    -ms-background-size: cover;*/
/*}*/



#header #pdVisualshift {
    display: none;
    margin-top: 2px;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdVisualshift > div {
    float: left;
    height: 413px;
}
#header > #pdVisualshift > .secLeft .ttl .txtEn img {
    vertical-align: baseline;
}
@media screen and (max-width: 1350px) {
#header > #pdVisualshift > .secLeft .ttl .txtEn img {
    vertical-align: baseline;
    width: 83%;
}
}
#header #pdVisualshift > .secCenter {
    width: 54.40729483282675%;
    margin: 0 0.1519756838905775% 0 0;
    box-sizing: border-box;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
}
#header #pdVisualshift > .secCenter > p {
    height: 64px;
    box-sizing: border-box;
    padding: 17px 0 0 19px;
}
#header #pdVisualshift > .secCenter > p .txtEn {
    font-family:'DIN Next W06 Regular';
    float: left;
    font-size: 22px;
    letter-spacing: 0.15em;
    font-weight: normal;
}
#header #pdVisualshift > .secCenter > p .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    float: left;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin: 7px 0 0 14px;
    padding-left: 14px;
    border-left: 1px solid #555;
}
#header #pdVisualshift > .secCenter ul li {
    position: relative;
    float: left;
    width: 33.37988826815642%;
    border-left: 1px solid #eee;
    box-sizing: border-box;
}
#header #pdVisualshift > .secCenter ul li:first-child {
    width: 33.2402346368715%;
    border-left: none;
}
#header #pdVisualshift > .secCenter ul li a {
    display: block;
    height: 349px;
}
#header #pdVisualshift > .secCenter ul li a .thum {
    position: relative;
    display: block;
    overflow: hidden;
    height: 187px;
}
#header #pdVisualshift > .secCenter ul li a .thum .img img {
    vertical-align: top;
    width: 100%;
    height: auto;
    min-width: 243px;

}
#header #pdVisualshift > .secCenter ul li a .thum .secNum {
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-family: "DINNextLTPro-UltraLightCond";
    font-size: 33px;
    text-align: center;
    display: block;
    line-height: 33px;
    color: #fff;
}
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num {
    font-family: "DINNextLTPro-UltraLightCond";
    letter-spacing: -0.05em;
}
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num img {
    vertical-align: baseline;
    margin-top: 1px;
    width: auto;
    height: 38px;
}
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num > img:nth-child(1) {
    margin-left: 6px;
}
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num > img:nth-child(2),
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num > img:nth-child(3),
#header #pdVisualshift > .secCenter ul li a .thum .secNum .num > img:nth-child(4) {
    margin-left: 6px;
}
#header #pdVisualshift > .secCenter ul li a .secNum .category {
    font-family:'DIN Next W06 Light';
    display: block;
    margin: 0 auto;
    padding: 5px 0 0;
    font-size: 12px;
    border-top: 1px solid #fff;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.5;
}
#header #pdVisualshift > .secCenter ul li a .date {
    font-family:'DIN Next W06 Light';
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    font-size: 12px;
    text-align: right;
}
#header #pdVisualshift > .secCenter ul li a .txt {
    display: block;
    box-sizing: border-box;
    padding: 15px 20px 0;
    line-height: 1.8;
    font-family:'AxisStd-Regular';
    font-size: 14px;
}
#header #pdVisualshift > .secRight {
    width: 19.6048632218845%;
    font-size: 13px;
    letter-spacing: 0.15em;
    background-color: #f2f2f2;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdVisualshift > .secRight > p {
    font-family:'AxisStd-Regular';
    height: 63px;
    line-height: 63px;
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
}
#header #pdVisualshift > .secRight ul li a {
    font-family:'DIN Next W06 Regular';
    display: block;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #ddd;
    padding-left: 19px;
    background: url(../images/ico_arrow02.png) 96% center no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header #pdVisualshift > .secRight ul li a:hover {
    color: #fff;
    background: #222 url(../images/ico_ft_select.png) 96% center no-repeat;
}



#header #pdNews {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdNews > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    height: 514px;
    margin: 0 0.1519756838905775% 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}

#header #pdNews ul li a {
    position: relative;
    display: block;
    height: 116px;
    padding: 18px 20px 0 139px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header #pdNews ul li a:hover {
    background-color: #222;
    color: #fff;
}
#header #pdNews ul li a .thum {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100px;
    height: 75px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdNews ul li a .secTxt {
    display: block;
}
#header #pdNews ul li a .secTxt .badgeEvent {
    float: right;
    display: block;
    width: 84px;
    height: 17px;
    font-size: 9px;
    text-align: center;
    line-height: 17px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #738c6e;
    color: #fff;
    padding-right: 0;
    margin-left: 3px;
}
#header #pdNews ul li a .secTxt .badgeRelease {
    float: right;
    display: block;
    width: 84px;
    height: 17px;
    font-size: 9px;
    text-align: center;
    line-height: 17px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #576e85;
    color: #fff;
    padding-right: 0;
    margin-left: 3px;
}
#header #pdNews ul li a .secTxt .badgeNews {
    float: right;
    display: block;
    width: 84px;
    height: 17px;
    font-size: 9px;
    text-align: center;
    line-height: 17px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #999;
    color: #fff;
    padding-right: 0;
    margin-left: 3px;
}
#header #pdNews ul li a .secTxt .date {
    font-family:'DIN Next W06 Light';
    font-size: 13px;
    display: block;
}
#header #pdNews ul li a .secTxt .txt {
    font-family:'AxisStd-Regular';
    font-size: 12px;
    display: block;
    clear: both;
}

#header #pdNews p .btnType01 {
    background-color: #f2f2f2;
    border: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51px;
    font-size: 16px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#header #pdNews p .btnType01 span {
    font-family:'DIN Next W06 Regular';
    letter-spacing: 0.15em;
    padding-right: 25px;
    background: url(../images/ico_arrow02.png) 95% center no-repeat;
}
#header #pdNews p .btnType01:hover {
    color: #fff;
    background-color: #222;
}
#header #pdNews p .btnType01:hover span {
    background: url(../images/ico_ft_select.png) 95% center no-repeat;

}




#header #pdVS {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdVS > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    height: 514px;
    margin: 0 0.1519756838905775% 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}

#header #pdVS ul li a {
    position: relative;
    display: block;
    height: 116px;
    padding: 15px 20px 0 139px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    background: url(../images/ico_blank.gif) 381px 92px no-repeat;
}
.firefox #header #pdVS ul li a {
    padding: 18px 20px 0 139px;
}
#header #pdVS ul li a:hover {
    color: #fff;
    background: #222 url(../images/ico_blank03.gif) 381px 92px no-repeat;
}
#header #pdVS ul li a .thum {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100px;
    max-height: 75px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
}
#header #pdVS ul li a .thum img {
    height: 75px;
    width: auto;
    max-width: inherit;
    margin-left: -7px;
}
#header #pdVS ul li a .secTxt {
    display: block;
}

#header #pdVS ul li a .secTxt .category {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    line-height: 0;
}
.firefox #header #pdVS ul li a .secTxt .category {
    vertical-align: middle;
}
#header #pdVS ul li a:hover .secTxt .category img {
    -webkit-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#header #pdVS ul li a:hover .secTxt .category img {
	filter: alpha(opacity=0);
	opacity: 0;
}

#header #pdVS ul li a .secTxt .category.column:before {
    content: "";
    width: 65px;
    height: 11px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/txt_column_white1.png) 0 0 no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	filter: alpha(opacity=0);
	opacity: 0;
}
#header #pdVS ul li a:hover .secTxt .category.column:before {
	filter: alpha(opacity=100);
	opacity: 1;
}

#header #pdVS ul li a .secTxt .category.event:before {
    content: "";
    width: 65px;
    height: 11px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/txt_event_white1.png) 0 0 no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	filter: alpha(opacity=0);
	opacity: 0;
}
#header #pdVS ul li a:hover .secTxt .category.event:before {
	filter: alpha(opacity=100);
	opacity: 1;
}

#header #pdVS ul li a .secTxt .category.study:before {
    content: "";
    width: 65px;
    height: 11px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/txt_study_white1.png) 0 0 no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	filter: alpha(opacity=0);
	opacity: 0;
}
#header #pdVS ul li a:hover .secTxt .category.study:before {
	filter: alpha(opacity=100);
	opacity: 1;
}

#header #pdVS ul li a .secTxt .category.think:before {
    content: "";
    width: 65px;
    height: 11px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/txt_think_white1.png) 0 0 no-repeat;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	filter: alpha(opacity=0);
	opacity: 0;
}
#header #pdVS ul li a:hover .secTxt .category.think:before {
	filter: alpha(opacity=100);
	opacity: 1;
}


#header #pdVS ul li a .secTxt .date {
    font-family:'DIN Next W06 Light';
    font-size: 13px;
    display: inline-block;
    vertical-align: bottom;
    height: 10px;
    line-height: 10px;
    -webkit-transition: border-left 0.3s ease;
    transition: border-left 0.3s ease;
}
.firefox #header #pdVS ul li a .secTxt .date {
    vertical-align: middle;
}
#header #pdVS ul li a .secTxt .txt {
    font-family:'AxisStd-Regular';
    font-size: 12px;
    display: block;
    clear: both;
    padding-top: 9px;
}

#header #pdVS p .btnType01 {
    background-color: #f2f2f2;
    border: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51px;
    font-size: 16px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#header #pdVS p .btnType01 span {
    font-family:'DIN Next W06 Regular';
    letter-spacing: 0.15em;
    padding-right: 25px;
    background: url(../images/ico_arrow02.png) 95% center no-repeat;
}
#header #pdVS p .btnType01:hover {
    color: #fff;
    background-color: #222;
}
#header #pdVS p .btnType01:hover span {
    background: url(../images/ico_ft_select.png) 95% center no-repeat;

}







#header #pdSearch {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdSearch > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    height: auto;
    margin: 0 0.1519756838905775% 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f2f2f2;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdSearch #spBtn01 {
    width: 386px;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 5px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}
#header #pdSearch #spBtn01 input {
    font-family:'AxisStd-Regular';
    /*width: 100%;*/
    height: 40px;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
    border: none;
    font-size: 14px;
    line-height: 40px;
}

#header #pdSearch .ttl {
    font-family: 'AxisStd-Regular';
    font-size: 12px;
    letter-spacing: 0.15em;
    margin: 15px 0 7px 13px;
}
#header #pdSearch .btn {
    display:block;
    font-family:'DIN Next W06 Regular';
    font-size: 14px;
    width: 81px;
    height: 40px;
    background-color: #999;
    color: #fff;
    margin: 0 10px 10px auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    letter-spacing: 0.15em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdSearch .btn:hover {
    color: #999;
    background-color: #fff;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdSearch .text {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.15em;
    margin: 20px 0 20px 0px;
}
#header #pdSearch .link {
    text-decoration: underline;
    display: inline-block;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
}
#header #pdSearch .link:hover {
    opacity: 0.6;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
}


#header #pdStockPhoto {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdStockPhoto > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    height: auto;
    margin: 0 0.1519756838905775% 0 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #f2f2f2;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdStockPhoto #spBtn01,
#header #pdStockPhoto #spBtn02 {
    width: 386px;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 10px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}
#header #pdStockPhoto #spBtn01 input,
#header #pdStockPhoto #spBtn02 input {
    font-family:'AxisStd-Regular';
    width: 100%;
    height: 40px;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
    border: none;
    font-size: 14px;
    line-height: 40px;
}

#header #pdStockPhoto .ttl {
    font-family: 'AxisStd-Regular';
    font-size: 12px;
    letter-spacing: 0.15em;
    margin: 15px 0 7px 13px;
}
#header #pdStockPhoto .btn {
    float: right;
    font-family:'DIN Next W06 Regular';
    font-size: 14px;
    width: 81px;
    height: 40px;
    background-color: #999;
    color: #fff;
    margin: 0 10px 10px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    letter-spacing: 0.15em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
#header #pdStockPhoto .btn:hover {
    color: #999;
    background-color: #fff;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}


#header #pdContact {
    display: none;
    z-index: 100;
    width: 100%;
    min-width: 1136px;
}
#header #pdContact > div {
    position: absolute;
    right: 0;
    top: 102px;
    width: 406px;
    border-radius: 4px;
    padding: 30px 0 0;
    margin: 0 0.1519756838905775% 0 0;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #222;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    overflow: hidden;
}

#header #pdContact ul {
    margin: 0 0 10px 30px;
}
#header #pdContact li {
    float: left;
    width: 346px;
    margin-bottom: 20px;
    font-family:'AxisStd-Light';
    letter-spacing: 0.15em;
}
#header #pdContact li a {
    display: block;
    height: 62px;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    color: #fff;
    text-align: center;
}
#header #pdContact li a:hover {
    background-color: #fff;
    color: #444;
}
#header #pdContact .telNumber {
    text-align: center;
    background-color: #f0f0f0;
    height: 96px;
    box-sizing: border-box;
    padding-top: 24px;
    letter-spacing: 0.05em;
}
#header #pdContact .telNumber .num {
    font-family:'AxisStd-Bold';
    background: url(../images/ico_phone.png) 0 3px no-repeat;
    padding-left: 17px;
    font-size: 16px;
    color: #566e86;
}
#header #pdContact .telNumber .txt {
    display: block;
    font-family:'AxisStd-Light';
    font-size: 11px;
    color: #000;
    padding-top: 6px;
}
.ie #header #pdContact .telNumber .num,
.edge #header #pdContact .telNumber .num,
.firefox #header #pdContact .telNumber .num {
    background: url(../images/ico_phone.png) 0 5px no-repeat;
}
.ie #header #pdContact .telNumber .txt {
    padding-top: 5px;
}



#header #pdStockPhoto .telNumber {
    text-align: center;
    
    background-color: #ddd;
    height: 96px;
    box-sizing: border-box;
    padding-top: 18px;
    letter-spacing: 0.05em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#header #pdStockPhoto .telNumber .num {
    font-family:'AxisStd-Bold';
    background: url(../images/ico_phone_free.png) 0 3px no-repeat;
    padding-left: 27px;
    font-size: 16px;
    color: #58ccf4;
}
#header #pdStockPhoto .telNumber .txt {
    display: block;
    font-family:'AxisStd-Light';
    font-size: 11px;
    color: #000;
    padding-top: 6px;
}
.ie #header #pdStockPhoto .telNumber .num,
.edge #header #pdStockPhoto .telNumber .num,
.firefox #header #pdStockPhoto .telNumber .num {
    background: url(../images/ico_phone_free.png) 0 5px no-repeat;
}
.ie #header #pdStockPhoto .telNumber .txt {
    padding-top: 5px;
}





.forOthers {}
.forModernIE {}

#notFound #wrap {
    padding-top: 105px;
}

#notFound #content {
    text-align: center;
    padding: 100px 0;
}
#notFound #content h2 {
	font-family:'AxisStd-ExtraLight';
    font-size: 32px;
    margin-bottom: 48px;
    letter-spacing: 0.05em;
}
#notFound #content .lead {
    line-height: 2;
    margin-bottom: 80px;
}

#notFound .btnList {
    text-align: center;
}
#notFound .btnList > li {
    display: inline-block;
    margin-left: 36px;
}
#notFound .btnList > li:first-child {
    margin-left: 0;
}
#notFound .btnList a {
    font-family:'AxisStd-Regular';
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #444;
    box-sizing: border-box;
    min-width: 240px;
    height: 48px;
    line-height: 46px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color  0.3s ease;
}
#notFound .btnList a:hover {
    background-color: #555;
    color: #fff;
}
#notFound .btnList a span {
    padding-right: 23px;
    background: url(../images/ico_arrow02.png) right center no-repeat;
}
#notFound .btnList a:hover span {
    background: url(../images/ico_ft_select.png) right center no-repeat;
}

#content .btnHome {
    text-align: center;
}
#content .btnHome a {
    display: inline-block;
    width: 240px;
    height: 48px;
    line-height: 48px;
    color: #444;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #444;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    letter-spacing: 0.15em;
}
#content .btnHome a:hover {
    background-color: #444;
    color: #fff;
}
#content .btnHome a span {
    background: url(../images/ico_sitenavi_home.png) 0 center no-repeat;
    padding-left: 28px;
}
#content .btnHome a:hover span {
    background: url(../images/ico_sitenavi_home02.png) 0 center no-repeat;
}


a .overZoomModern {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
a .overZoomModern:before {
    content: "";
    background-color: rgba(0,0,0,0.5);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;  
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}
a:hover .overZoomModern:before {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;  
}
a .overZoomModern img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
}
a:hover .overZoomModern img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);
}

.overZoomOldIE img {
    width: 100%;
    height: 100%;
}
.overZoomOldIE {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}
a:hover .overZoomOldIE {
    background-color: #000;
}
a:hover .overZoomOldIE img {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#siteNavi {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    margin-left: 0.1515151515151515%;
    margin-right: 0.1515151515151515%;
    font-size: 0;
    padding: 0 28px;
    z-index: 10;
    min-width: 1136px;
}
#siteNavi li {
    display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    padding-left: 39px;
    background: url(../images/ico_sitenavi_arrow.png) 12px 17px no-repeat;
}

#siteNavi li:first-child {
    background: url(../images/ico_sitenavi_home.png) 0 17px no-repeat;
    padding-left: 25px;
}

#siteNavi li a {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#siteNavi li a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}



.btnRss a {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 20px;
    text-indent: -9999px;
    background: url(../images/btn_low_rss.png);
}

.low #content {
    max-width: 1600px;
    min-width: 1136px;
    margin: 0 auto;
    padding: 0 60px 80px;
}

.low #wrap {
    padding-top: 105px;
}

.low #pageTtl01 {
    padding: 72px 0 30px;
    margin-bottom: 30px;
    text-align: center;
    background: url(../images/bg_btm-solid.png) center bottom no-repeat;
}
.low #pageTtl01 .txtEn {
    font-family:'DIN Next W06 Regular';
    display: block;
    font-size: 38px;
    letter-spacing: 0.15em;
    font-weight: normal;
    margin-bottom: 10px;
}
.low #pageTtl01 .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 14px;
}

.low #lead {
    font-family:'AxisStd-Light';
    font-size: 14px;
    line-height: 2;
    text-align: center;
    margin-bottom: 40px;
}

.low #pageTtl02 {
    font-family:'AxisStd-ExtraLight';
    font-size: 32px;
    padding: 0 0 30px;
    margin-bottom: 30px;
    background: url(../images/bg_btm-solid.png) left bottom no-repeat;
    line-height: 2;
}

.low #content #btnViewMore {
    text-align: center;
}
.low #content #btnViewMore .btnType01 span {
    background: url(../images/ico_arrow05.png) right center no-repeat;
}
.low #content #btnViewMore .btnType01:hover span {
    background: url(../images/ico_arrow04.png) right center no-repeat;
}

.low .pagetop {
    width: 60px;
    height: 58px;
    margin: -60px auto 120px;
    text-align: center;
}
.low .pagetop a {
    display: block;
    padding: 10px 0;
}
.low .pagetop a img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.low .pagetop a:hover img {
    margin-top: -4px;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}



.checkboxInput {
	display:none;
}
.checkboxLabel{
    position: relative;
    height: 22px;
    line-height: 22px;
	background: url(../images/form_checkbox_off.png) 0 0 no-repeat;
	margin-right:20px;
	padding:0 0 0 32px;
	display:inline-block;
}
.checkboxLabel:before{
    content: "";
    background: url(../images/form_checkbox_on.png) 0 0 no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.checkboxLabel.checkboxLabelSelected:before {
    filter: alpha(opacity=1);
    -moz-opacity:1;
    opacity:1;
}



.low .btnShare > li {
    float: left;
    width: 44px;
    margin-left: 22px;
}
.low .btnShare > li:first-child {
    margin-left: 0;
}
.low .btnShare > li a {
    display: block;
    height: 44px;
    text-indent: -9999px;
}
.low .btnShare > li a:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
.low .btnShare > li:nth-child(1) a {
    background: url(../images/btn_low_twitter.png) 0 0 no-repeat;
}
.low .btnShare > li:nth-child(2) a {
    background: url(../images/btn_low_facebook.png) 0 0 no-repeat;
}
.low .btnShare > li:nth-child(3) a {
    background: url(../images/btn_low_google.png) 0 0 no-repeat;
}
.low #btmShare {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 60px;
    text-align: center;
    margin: 0 auto 80px;
}
.low #btmShare > p {
    margin-bottom: 24px;
}
.low #btmShare .btnShare > li {
    float: none;
    display: inline-block;
}

.low #btnContact {
    max-width: 1600px;
    min-width: 1136px;
    padding: 0 0 80px;
    margin: 0 auto;
    text-align: center;
}
.low #btnContact a {
    display: inline-block;
    height: 62px;
    padding: 0 40px;
    margin: 0 auto;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    color: #fff;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}
.low #btnContact a span {
    background: url(../images/ico_low_contact01.png) 0 center no-repeat;
    padding-left: 25px;
}
.low #btnContact a:hover span {
    background: url(../images/ico_low_contact02.png) 0 center no-repeat;
}
.low #btnContact a:hover {
    background-color: #fff;
    color: #444;
}



.low #related {
    max-width: 1600px;
    min-width: 1136px;
    padding: 78px 60px;
    margin: 0 auto;
    background-color: #f2f2f2;
}

.low #related  .ttl {
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
}
.low #related  .ttl .txtEn {
    font-family:'DIN Next W06 Regular';
    font-size: 22px;
    letter-spacing: 0.15em;
}
.low #related  .ttl .txtJp {
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}

.low #related a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -webkit-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;

}
.low #related a img {
    height: 100%;
    width: auto;
}

.low #related #largeThum {
    border-bottom: 1px solid #ddd;
    margin-bottom: 78px;
    padding: 0 0 78px;
}

.low #related #largeThum > div > div {
    width: 24.85625%;
    margin: 0 0 0 0.1%;
    position: relative;
    float: left;
    mask-box-image:url("../images/mask_radius_4444.png") 5 5 5 5;
    mask-box-size:100% 100%;
    -webkit-mask-box-image:url("../images/mask_radius_4444.png") 5 5 5 5 ;
    -webkit-mask-box-size:100% 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.low #related #largeThum > div > div:first-child {
    margin: 0;
}
.low #related #smallThum > .secLeft {
    float: left;
    width: 48.83333333333333%
}
.low #related #smallThum > .secRight {
    float: right;
    width: 48.83333333333333%
}
.low #related #smallThum > div > div > div {
    width: 33.10580204775157%;
    position: relative;
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.low #related #smallThum > div > div > div:nth-child(2) {
    margin: 0 0.22%;
}

.low #related .overAlpha {
    overflow: hidden;
}
.low #related .thum > img {
    max-width: none;
    height: 100%;
}
.low #related .serviceList .overAlpha > img,
.low #related .articleListSmall .overAlpha > img {
    margin-left: -15.5%;
}


.low #related .baloon {
    display: none;
    position: absolute;
    left: -17.88659793814433%;
    bottom: 90%;
	padding: 15px 12.88659793814433%;
	width: 110%;
    min-height: 36px;
	color: #fff;
	line-height: 1.5;
	text-align: center;
	background: #222;
	z-index: 99;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 12px;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
}
.low #related .baloon:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #222 transparent transparent transparent;
}
.low #related .worksList > div:hover .baloon,
.low #related .articleListSmall > div:hover .baloon {
    display: table;
}
.low #related .baloon span {
    display: table-cell;
    vertical-align: middle;
}


.low #related .worksList > div {
    overflow: inherit;
    mask-box-image: none !important;
    -webkit-mask-box-image: none !important;
}
.low #related .worksList {
    padding: 0;
}
.low #related .worksList > div a > .over > span .ttl {
    display: block;
    font-size: 16px;
    background: url(../images/bg_btm-solid_on.png) center bottom no-repeat;
    padding: 0 12% 12px;
    margin-bottom: 20px;
    line-height: 1.9;
}
.low #related .worksList > div a > .over > span .lead {
    display: block;
    font-size: 11px;
    padding: 0 12%;
}
.low #related .worksList .thum > img {
    max-width: none;
    width: 100%;
    height: auto;
}


.low #related #smallThum .serviceList .thum:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg_black_a30.png) ;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
.low #related #smallThum .serviceList a:hover .thum:before {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
.low #related #smallThum .serviceList .thum img {
    margin-left: -38.6%;
}
.low #related #largeThum .serviceList > div > img {
    width: 100%;
    height: auto;
}
.low #related #largeThum .serviceList > div svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 148%;
    height: 100%;
    margin-left: -24%;
}

.low #related .serviceList > div a .ttl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family:'AxisStd-Regular';
    display: table;
    font-size: 14px;
    color: #fff;
    padding: 0 10% 0;
    z-index: 10;
    letter-spacing: 0.15em;
}
.low #related .serviceList > div a .ttl > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.low #related .serviceList > div a .ttl > span > span {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 0;
}
.low #related .serviceList > div a .ttl > span > span:before {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 16px;
    right: 0;
    top: 50%;
    margin: -8px;
    background: url(../images/ico_ft_select.png) 0 0 no-repeat;
}
.low #related .serviceList .thum > img {
    max-height: 257px;
}



.low #related .visualShiftList a {
    position: inherit;
    height: inherit;
}
.low #related .visualShiftList > div {
    position: relative;
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.low #related .visualShiftList .dummy {
    width: 100%;
    height: auto;
}

.low #related .visualShiftList > div a {
    display: block;
}

.low #related .visualShiftList .thum {
    position: relative;
    display: block;
    overflow: hidden;
}
.low #related .visualShiftList .thum > span {
    position: absolute;
    right: 15px;
    bottom: 5%;
    font-family: "DINNextLTPro-UltraLightCond";
    font-size: 33px;
    text-align: center;
    display: block;
    line-height: 33px;
    min-width: 64px;
    color: #fff;
    z-index: 10;
}
.low #related .visualShiftList .thum > span > span .num img {
    vertical-align: baseline;
    margin-top: 1px;
    width: auto;
    height: 38px;
}
.low #related .visualShiftList .thum > span > span .num > img:nth-child(1) {
    margin-left: 6px;
}
.low #related .visualShiftList .thum > span > span .num > img:nth-child(2),
.low #related .visualShiftList .thum > span > span .num > img:nth-child(3),
.low #related .visualShiftList .thum > span > span .num > img:nth-child(4) {
    margin-left: 6px;
}
.low #related .visualShiftList .thum > span .category {
    font-family:'DIN Next W06 Light';
    display: block;
    margin: 0 auto;
    padding: 5px 0 0;
    font-size: 12px;
    border-top: 1px solid #fff;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.5;
}

.low #related .visualShiftList svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.low #related .visualShiftList .txt {
    display: block;
    background-color: #fff;
    height: 175px;
    padding: 20px 32px 32px;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.low #related .visualShiftList a:hover .txt {
    background-color: #222;
    color: #fff;
}

.low #related .visualShiftList .txt .lead {
    font-family:'AxisStd-Regular';
    font-size: 16px;
    line-height: 1.7;
}
.low #related .visualShiftList .txt .date {
    font-family:'DIN Next W06 Light';
    position: absolute;
    right: 30px;
    bottom: 24px;
    display: block;
    font-size: 13px;
    text-align: right;
}

.low #related .articleListSmall > div a .ttl {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family:'AxisStd-Regular';
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 46.90721649484536% 25px 0 0;
    background: url(../images/ico_ft_select.png) 59.79381443298969% center no-repeat;
    z-index: 10;
    letter-spacing: 0.15em;
}

.low #related .articleListSmall .secNum {
    position: absolute;
    right: 15px;
    bottom: 5%;
    font-family: "DINNextLTPro-UltraLightCond";
    font-size: 33px;
    text-align: center;
    display: block;
    line-height: 33px;
    min-width: 64px;
    color: #fff;
    z-index: 10;
}
.low #related .articleListSmall .num img {
    vertical-align: baseline;
    margin-top: 1px;
    width: auto;
    height: 38px;
}
.low #related .articleListSmall .txt {
    display: none;
}
.low #related .articleListSmall .num > img:nth-child(1) {
    margin-left: 6px;
}
.low #related .articleListSmall .num > img:nth-child(2),
.low #related .articleListSmall .num > img:nth-child(3),
.low #related .articleListSmall .num > img:nth-child(4) {
    margin-left: 6px;
}
.low #related .articleListSmall .category {

    display: block;
    margin: 0 auto;
    padding: 5px 0 0;
    font-size: 12px;
    border-top: 1px solid #fff;
    text-align: center;
    letter-spacing: 0.15em;
    line-height: 1.5;
}



#footer {
    background-color: #1d1d1d;
}
#footer .txtEn {
    letter-spacing: 0.15em;
    color: #fff !important;
}
#footer .txtJp {
    letter-spacing: 0.15em;
    color: #fff !important;
}
#footer h2 {
    font-weight: normal;
}
#footer a {
    color: #fff;
}
#footer #ftContact {
    text-align: center;
    padding: 59px 0 39px;
}

#footer #ftContact h2 .txtEn {
    font-size: 24px;
    font-family: TENStitle!important;
    background: url(../images/ico_ft_contact.png) 0 5px no-repeat;
    padding-left: 39px;
}
#footer #ftContact h2 .txtJp {
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}

#footer #ftContact ul {
    max-width: 1600px;
    width: 780px;
    margin: 0 auto;
}
#footer #ftContact li {
    float: left;
    width: 380px;
    margin-bottom: 20px;
    letter-spacing: 0.15em;
}
#footer #ftContact li:nth-child(2n) {
    margin-left: 20px;
}
#footer #ftContact li a {
    display: block;
    height: 62px;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #ftContact li a:hover {
    background-color: #fff;
    color: #444;
}


#footer #ftMailnews {
    text-align: center;
    background-color: #222;
    padding: 59px 0 47px 0;
}

#footer #ftMailnews h2 .txtEn {
    font-size: 24px;
    font-family: TENStitle!important;
    background: url(../images/ico_kefu.png) 0 5px no-repeat;
    background-size: 25px;
    background-position: 0 0px;
    padding-left: 39px;
}
#footer #ftMailnews h2 .txtJp {
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}

#footer #ftMailnews a {
    letter-spacing: 0.15em;
    display: block;
    width: 380px;
    height: 62px;
    margin: 0 auto;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #ftMailnews a:hover {
    background-color: #fff;
    color: #444;
}





#footer #ftMailnews .ftMailsam {margin:15px;}
#footer #ftMailnews .ftMailsam a{background-color: #222;
color:#eee;
    width: 380px;
    height: 22px;
    margin: 15 auto;
    line-height: 22px;
}
#footer #ftMailnews .ftMailsam a:hover {
    background-color: #222;
    color: #eee;
text-decoration:underline;
}






#ftDetail {
    width: 1000px;
    margin: 0 auto;
    padding: 59px 0;
}

#footer #ftInfo {
    float: left;
    width: 500px;
    text-align: center;
}
#footer #ftInfo p {
    font-size: 14px;
    line-height: 2;
    color: #fff !important;
}
#footer #ftSns {
  
    width: 500px;
margin:0 auto;
    box-sizing: border-box;
}
#footer #ftInfo h2,
#footer #ftSns h2 {
    text-align: center;
}
#footer #ftInfo h2 .txtEn {
    font-size: 24px;
    background: url(../images/ico_ft_info.png) 0 4px no-repeat;
    padding-left: 39px;
}
#footer #ftInfo h2 .txtJp {
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}

#footer #ftSns h2 .txtEn {
    font-size: 24px;
    background: url(../images/ico_ft_sns.png) 0 3px no-repeat;
    padding-left: 39px;
}
#footer #ftSns h2 .txtJp {
    display: block;
    font-size: 12px;
    padding: 15px 0 35px;
}
#footer #ftSns ul {
    width: 218px;
    margin: 0 auto;
}
#footer #ftSns li {
    width: 52px;
    float: left;
    margin-left: 30px;
}
#footer #ftSns li:first-child {
    margin-left: 0;
}
#footer #ftSns li a {
    display: block;
    width: 52px;
    height: 52px;
    text-indent: -9999px;
}

#footer #ftSns li:nth-child(1) a {
    background: url(../images/btn_ft_twitter.png) 0 0  no-repeat;
}
#footer #ftSns li:nth-child(2) a {
    background: url(../images/btn_ft_fb.png) 0 0  no-repeat;
}
#footer #ftSns li:nth-child(3) a {
    background: url(../images/btn_ft_rss.png) 0 0  no-repeat;
}

#footer #ftLocation {
    position: relative;
    height: 520px;
}

#footer #ftLocation #secAddress {
    position: absolute;
    right: 105px;
    top: 200px;
}
#footer #ftLocation #secAddress .txtEn {
    font-size: 30px;
    line-height: 1.32;
}
#footer #ftLocation #secAddress .txtJp {
    font-size: 12px;
    padding: 6px 0 25px;
    margin-bottom: 25px;
    background: url(../images/bg_btm-solid_on.png) 1px bottom no-repeat;
}
#footer #ftLocation #secAddress .txtDetail {
    font-size: 14px;
    margin-bottom: 22px;
    letter-spacing: 0.07em;
    color: #fff !important;
}
#footer #ftLocation #secAddress .btnMore a {
    display: block;
    background: url(../images/ico_arrow03.png) 0 0 no-repeat;
    line-height: 29px;
    font-size: 16px;
    padding-left: 43px;
    font-weight: normal;
    letter-spacing: 0.15em;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#footer #ftLocation #secAddress .btnMore a:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}


#footer #ftLocation h2 .txtEn {
    display: block;
    float: left;
    font-size: 24px;
    background: url(../images/ico_ft_location.png) 0 3px no-repeat;
    padding-left: 36px;
    line-height: 30px;
}
#footer #ftLocation h2 .txtJp {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 30px;
    padding-left: 18px;
}
#footer #ftLocation #locationHead {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 108px;
    padding: 38px 60px 0;
    box-sizing: border-box;
    background: url(../images/bg_ft_location-head.png);
    z-index: 50;
}
#footer #ftLocation #locationmap {
    width: 100%;
    height: 520px;
}


#footer #ftLocation #locationSelect {
    display: none;
    position: absolute;
    top: 30px;
    right: 60px;
    width: 380px;
    height: 48px;
}
#footer .dd-container {
    width: 380px !important;
    height: 48px !important;
    box-sizing: border-box;
    font-family:'AxisStd-Regular';
    font-size: 14px;
    background: url(../images/bg_ft_select.png) 0 top no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer .dd-container:hover {
    background: rgba(255,255,255,0.2) url(../images/bg_ft_select.png) 0 top no-repeat;
}
#footer .dd-select {
    width: 380px !important;
    height: 48px !important;
    padding: 0 48px 0 0;
    box-sizing: border-box;
    text-align: center;
    background: none !important;
    border: none !important;
}
#footer .dd-selected {
    line-height: 48px;
    padding: 0 !important;
}
#footer .dd-option,
#footer .dd-option-selected {
    padding: 13px !important;
    color: #fff !important;
    background: #222 url(../images/ico_ft_select.png) 97% center no-repeat !important;
}
#footer .dd-option:hover,
#footer .dd-option-selected:hover {
    background: #4e4e4e url(../images/ico_ft_select.png) 97% center no-repeat !important;
}
#footer .dd-pointer,
#footer .dd-pointer-down,
#footer .dd-pointer-up {
    display: none !important;
}

#footer .dd-options > li:first-child > a {
    border-top: 1px solid #fff;
}

#footer .dd-options {
    width: 380px !important;
    border: solid 1px #fff;
    border-top: none;
    list-style: none;
    box-shadow: none !important;
    display: none;
    position: absolute;
    z-index: 2000;
    margin: -3px 0 0 0 !important;
    padding: 0;
    background: #fff;
    overflow: auto;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    box-sizing: border-box;
}

#footer #ftLink {
    height: 400px;
    background:#000 url(../images/bg_link_main.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}


#footer #ftlink01 {
    height: 400px;
    background:#000 url(../images/bg_link_main.jpg) center center no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
}


#footer #ftLink > ul {
    width: 691px;
    margin: 0 auto;
    padding-top: 125px;

}

#footer #ftLink li {
    float: left;
    position: relative;
    font-size: 12px;
}
#footer #ftLink li:nth-child(4) {
    clear: both;
}
#footer #ftLink li a {
    display: block;
}
#footer #ftLink li a img {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;  
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #ftLink li a:hover img {
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;  
}

#footer #ftLink li a span {
    position: absolute;
    top: -98px;
    margin-top: 0;
    display: none;
    width: 213px;
    height: 79px;
    padding-top: 17px;
    box-sizing: border-box;
    text-align: center;
    background: url(../images/bg_ft_baloon04.png) 0 0 no-repeat;
    text-indent: 0;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
        color: #fff !important;
}
#footer #ftLink li a:hover span {
    display: block;
}

#footer #ftLink li:nth-child(1) a {
    width: 142px;
    height: 25px;
    margin-right: 149px;
    margin-top: 2px;
    margin-bottom: 88px;
    background: url(../images/btn_ft_link01_off.png) 0 0 no-repeat;
    background-size: 142px auto;
    -moz-background-size: 142px auto;
    -webkit-background-size: 142px auto;
    -o-background-size: 142px auto;
    -ms-background-size: 142px auto;
}

#footer #ftLink li:nth-child(1) a:hover span {
    left: -35px;
}

#footer #ftLink li:nth-child(2) a {
    width: 120px;
    height: 27px;
    margin-right: 160px;
    margin-top: 1px;
    margin-bottom: 92px;
    background: url(../images/btn_ft_link02_off.png) 0 0 no-repeat;
    background-size: 120px auto;
    -moz-background-size: 120px auto;
    -webkit-background-size: 120px auto;
    -o-background-size: 120px auto;
    -ms-background-size: 120px auto;
}
#footer #ftLink li:nth-child(2) a:hover span {
    left: -50px;
}

#footer #ftLink li:nth-child(3) a {
    width: 120px;
    height: 29px;
    margin-bottom: 83px;
    background: url(../images/btn_ft_link03_off.png) 0 0 no-repeat;
    background-size: 120px auto;
    -moz-background-size: 120px auto;
    -webkit-background-size: 120px auto;
    -o-background-size: 120px auto;
    -ms-background-size: 120px auto;
}
#footer #ftLink li:nth-child(3) a:hover span {
    left: -47px;
}

#footer #ftLink li:nth-child(4) a {
    width: 58px;
    height: 42px;
    margin-left: 42px;
    margin-right: 220px;
    background: url(../images/btn_ft_link04_off.png) 0 0 no-repeat;
    background-size: 58px auto;
    -moz-background-size: 58px auto;
    -webkit-background-size: 58px auto;
    -o-background-size: 58px auto;
    -ms-background-size: 58px auto;
}
#footer #ftLink li:nth-child(4) a:hover span {
    left: -35px;
}

#footer #ftLink li:nth-child(5) a {
    width: 62px;
    height: 32px;
    margin-right: 226px;
    background: url(../images/btn_ft_link05_off.png) 0 0 no-repeat;
    background-size: 62px auto;
    -moz-background-size: 62px auto;
    -webkit-background-size: 62px auto;
    -o-background-size: 62px auto;
    -ms-background-size: 62px auto;
}
#footer #ftLink li:nth-child(5) a:hover span {
    left: -75px;
}

#footer #ftLink li:nth-child(6) a {
    width: 46px;
    height: 48px;
    background: url(../images/btn_ft_link06_off.png) 0 0 no-repeat;
    background-size: 46px auto;
    -moz-background-size: 46px auto;
    -webkit-background-size: 46px auto;
    -o-background-size: 46px auto;
    -ms-background-size: 46px auto;
}
#footer #ftLink li:nth-child(6) a:hover span {
    left: -83px;
    padding-top: 26px;
}



#ftlink01{padding:100px 0 100px 0;}
#ftlink01 ul{width:1100px;margin:0 auto;text-align:center;}
#ftlink01 li{width:220px;opacity:0.5;height:110px;vertical-align:top;
display:inline-block;padding:5px;
margin:50px 15px 40px 15px;text-align:center;}
#ftlink01 img {
margin:0 0 7px;}
#ftlink01 p{border-top:1px solid #ccc;margin:5px;padding:5px;}

#ftlink01 li:hover{border:1px solid #666;
opacity:1.0;padding:4px;}
#ftlink01 .mg01 img{margin-top:10px;}
#ftlink01 .mg02 img{margin-top:12px;}
#ftlink01 .mg03 img{margin-top:4px;}
#ftlink01 .mg04 img{margin-top:27px;}
#ftlink01 .mg05 img{margin-top:20px;}
#ftlink01 .mg06 img{margin-top:20px;}
#ftlink01 .mg07 img{margin-top:4px;}
#ftlink01 .mg08 img{margin-top:19px;}





@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-webkit-keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

#footer #other {
    position: relative;
    height: 100px;
    line-height: 100px;
    font-size: 13px;
    padding: 0 55px;
}
#footer #other li:nth-child(1) {
    font-family:'AxisStd-Light';
}
#footer #other li:nth-child(1) span {
    padding: 0 9px 0 8px;
    color: #fff;
}
#footer #other li:nth-child(1) a {
    padding: 0 5px;
    letter-spacing: 0.05em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #other li a:hover {
    color: #b8b8b8;
}
#footer #other li:nth-child(2) {
    position: absolute;
    top: 0;
    right: 60px;
    padding-right: 62px;
    letter-spacing: 0.05em;
    color: #fff !important;
}
#footer #other li:nth-child(2) > span {
    float: right;
    color: #fff;
}
#footer #other li:nth-child(2) > span:nth-child(3) {
    font-family:'DIN Next W06 Light';
    margin-top: -1px;
    font-size: 11px;
}
#footer #other li:nth-child(2) > span:nth-child(2) {
    font-family:'AxisStd-Light';
    padding: 0 10px;
}



#header.forMars #gNavi #hdMain li:hover > span:after {
    left: 0;
    width: 100%;
}
#header.forMars #hdStockPhoto > span:hover:after,
#header.forMars #hdNews > span:hover:after,
#header.forMars #hdVisualshift > span:hover:after {
    left: 14px;
    width: 74px;
}
#header.forMars #hdContact > span:hover:after {
    left: 14px;
    width: 74px;
}

#header #hdSearch > span > span {
    display: block;
    height: 100%;
    background: url(../images/ico_hd_search.png) 41px 41px no-repeat;
}
#header.forMars #hdMain nav ul li span a,
#header.forMars #hdSide li > span > a {
    color: #9a9a9a;
}
#header.forMars #hdMain nav ul li span:hover a,
#header.forMars #hdSide li > span:hover > a {
    color: #555;
}

#mf_marsfinder {
    margin: 104px 0 0;
    padding: 100px 0;
}

.ui-menu .ui-menu-item a {
    color: #fff;
}




.mfp-content {
    max-width: 400px !important;
    font-size: 14px;
    line-height: 1.5;
}

.flipdesk_direct_message .mfWelcome {
    font-family:'AxisStd-Regular' !important;
    font-size: 16px;
    text-align: center;
    margin-bottom: 24px;
}

.flipdesk_direct_message .btnLink {
    font-family:'AxisStd-Regular';
    font-size: 14px;
    display: block;
    text-decoration: none !important;
    color: #555 !important;
    border: 1px solid #555;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 20px;
    margin-bottom: 2px;
    height: 62px;
    line-height: 62px;
    min-width: 240px;
    text-align: left;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color  0.3s ease;
}
.flipdesk_direct_message .btnLink span {
    display: block;
    padding-right: 20px;
    background: url(../images/ico_arrow02.png) right center no-repeat;
}
.flipdesk_direct_message .btnLink:hover {
    background-color: #555;
}
.flipdesk_direct_message .btnLink:hover span {
    color: #fff;
    background: url(../images/ico_ft_select.png) right center no-repeat;
}



.mfp-wrap .mfp-content .flipdesk_direct_message .flipdesk_direct_message_content div {
    overflow-y: hidden !important;
}

.mfTxt {
    margin-bottom: 24px;
    line-height: 1.8;
}


.flipdesk_direct_message .btnLink02 {
    font-family:'AxisStd-Regular' !important;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    height: 62px;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    margin-bottom: 2px;
    letter-spacing: 0.15em;
}
.flipdesk_direct_message .btnLink02:hover {
    background-color: #999;
    color: #fff !important;
}

#footer #ftContact li a {
    display: block;
    height: 62px;
    line-height: 62px;
    border-radius: 31px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    background-color: #444;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#footer #ftContact li a:hover {
    background-color: #fff;
    color: #444;
}



.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
    width: 110px !important;
}
.gsc-webResult .gsc-result {
    border-bottom: 2px solid #eee !important;
    padding: 20px 0 40px 0 !important;
}
.gsc-url-top {
    margin-bottom: 12px !important;
}
.gs-title {
    margin-bottom: 5px;
    font-weight: bold;
}
.banner_button {
    color: #444;
    border: 1px solid #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0 35px 0 19px;
    background: #fff url(../images/ico_arrow02.png) 95% center no-repeat;
    height: 48px;
    line-height: 48px;
    width: 240px;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    pointer-events: all;
    /*position: relative;*/
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    top: 50%;
    left: 44%;
}
.banner_button_div a{
    position: relative;
}
.banner_button::before {
    content: "";
    z-index: -1;
    position: absolute;
    /*width: 100%;*/
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
    z-index: 0;
    opacity: 0;
    background: url(../images/ico_ft_select.png) 95% center no-repeat;
}
.banner_button::after {
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
    z-index: -1;
    background: #e60012 ;
}
.banner_button:hover {
    color: #fff;
}
.banner_button:hover:before {
    opacity: 1;
}
.banner_button:hover:after {
    left:0;
}
#service .lazyAnimated{margin-bottom: 30px}
#visualshift .articleList > div a:hover p img{
    transform: scale(1.1);
}
#visualshift .articleList > div a p img{
    -webkit-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    transition: all .25s cubic-bezier(.42, 0, .58, 1);

}
.text_line_height1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.text_line_height2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.text_line_height3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.btnMore a:hover{
    background: url(../images/ico_pickup_morecolor.png) 0 0 no-repeat!important;
}
.video-background{
    width: 100%;
}

.video-background_black{
    margin-top: -263px;
    position: absolute;
    width: 100%;
    height: 100vh;
    /*background: rgba(0,0,0,0.10)*/
}
.nav_sun{
    margin-left: -73px;
    position: absolute;
     display: none;
    width: 206px;
    padding-top: 4px!important;
}
.navhover{
    position: relative;
}
.nav_sun>ul>li{
    position: relative;
    margin-left: 0!important;
    padding: 0 0!important;
    height: auto!important;
    display: contents;
    width:130px;
}
.nav_sun>ul>li>a {
    width: auto!important;
    display: block;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #3f3f3f;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-weight: bold;
}
.hdSearchspan:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0 !important;
    width: 0;
    height: 3px;
    background-color: #555;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.custom-select1{
    padding-left: 15px;
    padding-right: 15px;
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right:1px solid #999999;
    height: 100%;
}
.aboutpageswiper_img{
    overflow: hidden;
}
.aboutpageswiper_img img{
    -webkit-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    transition: all .25s cubic-bezier(.42, 0, .58, 1);
}
.aboutpageswiper_img img:hover{
    transform: scale(1.1);
}
.aboutpage_casetitle img{
    vertical-align: middle;

}
.contact_text img{
    margin-top: 10px;
    margin-right: 20px;
    width: 20px;
}
.Wap_pro_Contbox {
    /*display: none;*/
}
@media screen and (max-width: 1280px) and (min-width: 1024px){
    .Pro_detR {
        width: 57%;
    }
}
    .Pro_detR {
        width: 62%;
    }
    .FL_right {
        float: right;
    }
.Pro_detL {
    width: 31%;
}
.FL_left {
    float: left;
}
.product_center{
    width: 1200px;
    margin: 0 auto;
}
.procont_buttleft{
    width: 20%;
    float: left;
}
.procont_butttitle span{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: block;
    padding: 15px 0;
}

.procont_buttleft{
    padding: 30px;
}
.procont_buttlist li a{
    padding: 10px 0;
    display: block;
    text-align: center;
    border: 1px solid #eeeeee;
    margin: 8px 0;
}
.procont_buttrecom span{
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}
.procontline{
    width: 100%;
    height: 1px;
    background: #eeeeee;
    margin: 40px 0 20px 0;
}
.procont_buttrecomimg{
    width: 240px;
    height: 240px;
    overflow: hidden;

}
.procont_buttrecomimg img{
    -webkit-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    transition: all .25s cubic-bezier(.42, 0, .58, 1);
}
.procont_buttrecom:hover img{
    transform: scale(1.1);
}
.procont_buttrecom:hover span{
    color: #e60112;
}
.procont_buttright{
    width: 74%;
    float: left;
}
.procont_buttrightcont{
    padding: 2% 10% 5% 10%;
}
.procont_buttrightspan{
    padding: 25px 0;
    display: block;
}
.procont_buttrightcont table{
    vertical-align: middle;
}
.procont_buttrightcont table td{
    border: 1px solid #eeeeee;

}
.procont_buttrightcont table td{
    padding: 10px 10px!important;
}
.procont_buttrightcont table tr td:first-child{
    font-weight: bold;
}
.procont_buttrightcont table tr td:last-child{
    color: #666666;
}
.procont_buttlist li a{
    -webkit-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    transition: all .25s cubic-bezier(.42, 0, .58, 1);
}
.procont_buttlist li a:hover{
    background: #e60112;
    color: #ffffff;
}
.bodynocopy{
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* KHTML内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
.after_height{
    height: 80px;
}
.contact_right{
    width: 50vw;
    float: right;
}
.contact_left{
    padding: 100px 50px 60px 50px;
    width: 42vw;
    float: left;
}
.contact_content_text{
    padding: 80px 50px;
}
.contact_text h1{
    font-size: 20px;
    font-weight: 100;
}
.phone_text h1{
    font-family: DIN-Light;
    font-size: 22px;
    font-weight: normal;
}
.email_text h1{
    font-family: DIN-Light;
    font-size: 22px;
    font-weight: normal;
}
.time_text h1{
    font-family: DIN-Light;
    font-size: 22px;
    font-weight: normal;
}
.hotline h1{
    font-family: DIN-Light;
    font-size: 22px;
    font-weight: normal;
}
.add,.phone,.email{
    padding: 20px 0;
    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
    width: 315px;
}
.time{
    padding: 20px 0;
    width: 315px;
    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}
.button_tel {
    -webkit-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    transition: all .25s cubic-bezier(.42, 0, .58, 1);
    padding: 12px 0;
    text-align: center;
    width: 167px;
    display: inline-block;
    color: #ffffff;
    background: #009900;
}
.button_tel:hover{
    background: #007f00;
}
.button_down:hover{
    background: #bb0010;
}
.button_down{
    -webkit-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .25s cubic-bezier(.42, 0, .58, 1);
    transition: all .25s cubic-bezier(.42, 0, .58, 1);
    padding: 12px 0;
    text-align: center;
    width: 150px;
    display: inline-block;
    color: #ffffff;
    background: #e60112;
}
.button_tel img {
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
.button_down img{
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}

.hoverbtn span{font-size: 12px;color: #ffffff}
.contactusdiyou {position: fixed; right: -300px; bottom: 0px; _position: absolute; width: 300px; height: 100%; background: #333333; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.contactusdiyou .hoverbtn{width:30px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background: #333333; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;}  .contactusdiyou .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.contactusdiyou .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.hoverimg2{background:url(../images/hoverbtnbg1.png) no-repeat; }
.contactusdiyou .conter{width:253px; height:560px; margin-left:22px;   position:absolute; top:31%;*margin-top:-140px;margin-top:-280px;}
.contactusdiyou .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;}
.contactusdiyou .conter .con1 dl dt{width:31px; height:31px; float:left;    position: relative;
    top: 32px;}
.contactusdiyou  dl .f1{width: 213px; height:90px;line-height: 93px; float:right; font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;}
.contactusdiyou  dl .f2{width: 200px; float:left; font-size:12px; color:#fff;}
.kefuQQa{position: relative; background:url(../images/button-custom-qq.png)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;    margin-top: -6px;}
.kefuQQa:hover{ background:url(../images/button-custom-qq-h.png)  no-repeat;}
.kefuQQ p{line-height: 1}
.kefuwxa{position: relative; background:url(../images/button-custom-wx.png)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;    margin-top: -6px;}
.kefuwxa:hover{ background:url(../images/button-custom-wx-h.png)  no-repeat;}
.kefuwx p{line-height: 1}

.contactusdiyou .conter .con1 dl dd .ph_num{ font:18px 'Microsoft yahei';*font-size: 16px;_font-size: 16px; color:#fff; height:25px;}

.contactusdiyou .qqcall{padding:22px 0px;border-bottom:1px solid #6a6a6a;}
.contactusdiyou .qqcall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}

.contactusdiyou .weixincall{float:right;padding:22px 0; border-bottom:1px solid #6a6a6a;}
.contactusdiyou .weixincall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}


.contactusdiyou .weixincall .f3{float: left;width:73px; height:auto; margin-right:69px; display:inline;}
.contactusdiyou .weixincall .f3 img{width: 200px;height: auto; max-width: 300%!important;}
.contactusdiyou .dytimer{   float: right; width: 160px; height: 40px; padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} .contactusdiyou .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} .diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} .diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;} .fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /***联系我们***/


.kefuQQ_tel{    font-weight: bold;
    font-size: 14px;
    line-height: 30px;}
.kefuqq_a{margin-left: 20px}
.kefuQQ span{color: #ffffff!important;}
.kefuqq_biaoti{margin-top: 50px;color: #ffffff}

.f1 a{
    color: #ffffff;
}
.kf_erweima{
    position: absolute;
    width: 150px;
    margin-top: 20px;
    z-index: 999;
    display: none;
}
.kf_erweima img{
    width: 100%;
}
.honorcont_container{
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding: 40px 0;
}
.honorcont_container img{
    width: 450px;
}
.honorcont_container span{
    font-size: 14px;
    display: block;
    padding-top: 30px;
}
.after_text{
    width: 80%;
    margin: 0 auto;
}
.nav_sun ul li a:hover{
    color: rgb(230, 1, 18);
}
.customer_container{
    width: calc(100% - 200px);
    margin: 0 auto;
}
.customer_title h1{
    margin-top: 0!important;
}
.customer_container{
    padding-bottom: 80px;
}
.down_ios{display: none}
/*phone*/
@media (max-width: 800px){
    .pc{display: none!important;}
    .contactusdiyou{display: none}
    #header #hdMain h1, #header #hdMain > p {width: 150px;margin: 17px 0 0 17px;}
    #header #gNavi {height: 76px;}
    #wrap {padding-top: 82px!important;}
    .wap_banner_title{position: absolute;width: 90%;left: 5%;top: 84px;}
    .wap_banner{position: relative;}
    .about{padding: 40px 10px!important;}
    .swiper_about {width: 100% !important;}
    .about_img img {height: 45vw!important;}
    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 17px!important;}
    .swiper-pagination-bullet {width: 14px!important;height: 14px!important;}
    .about_text {margin-left: 0 !important;width: 100% !important;}
    .phone_about_button{display: block;width: 70%;margin-left: 15%;border: 1px solid #aaaaaa;text-align: center;border-radius: 10px;padding: 15px 0;font-size: 16px;color: #000000;margin-top: 30px;}
    .about_text span {font-size: 14px;}
    #service{padding:40px 10px 10px 10px!important;}
    #service #category > div a .category > span {background: none!important;padding: 5px 0!important;margin-bottom: 0!important;}
    #service #category > div:nth-child(1) {width: 48.5% !important;margin-bottom: 3% !important}
    #service #category > div:nth-child(2) {width: 48.5% !important;margin-left: 3% !important;margin-bottom: 3% !important}
    #service #category > div:nth-child(3) {width: 48.5% !important;margin-left: 0% !important;margin-bottom: 3% !important}
    #service #category > div:nth-child(4) {width: 48.5% !important;margin-left: 3% !important;margin-bottom: 3% !important}
    #service #category > div a {padding: 15px 0 15px!important;}
    #service #category > div a .img {margin-bottom: 15px!important;}
    #service #category > div a .category {letter-spacing: 0!important;color: #000000}
    .category strong{font-size: 20px!important;}
    #works{padding: 40px 10px!important;}
    #works .worksList > div {width: 48% !important;}
    .product_div_black{display: none}
    .txt{opacity: 1!important;}
    #works .worksList > div a > .over {position: relative!important;}
    #works .worksList > div a {position: relative!important;}
    .squareSolidX{display: none!important;}
    .squareSolidY{display: none!important;}
    #works .worksList > div a > .over > span {color: #000!important;letter-spacing: 0!important;}
    #works .worksList > div a > .over > span .ttl {background:none!important;font-size: 15px!important;padding: 0 0 5px!important;margin-bottom: 7px!important;}
    #works .worksList > div a > .over > span .lead{font-weight: normal!important;padding: 0 12% 11% 12% !important;}
    .TopPageThumbnail:hover img {transform: scale(1) !important;}
    #works .worksList > div > img {border-radius: 10px;}
    #works .worksList > div:nth-child(even){margin: 0 0 0 3% !important;}
    #works .worksList > div:nth-child(odd){margin: 0!important;}
    #works .worksList {padding:0 0 0!important;}
    /*.up_onclick{display: none!important;}*/
    #pickup{padding: 40px 10px!important;color: #555555!important;}
    #pickup h2 .txtJp {border-left: 1px solid #555555!important;margin-top: 41px!important;margin-left: -56px!important;}
    #pickup h2 .txtEn{line-height: 37px!important;}
    #pickup {min-height: auto!important;}
    .swiper_case{margin-top: 100px}
    #pickup .ttl {margin-top: -100px;}
    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {top: 140px;}
    .swiper_case .swiper-slide p{font-size: 22px;font-weight: bold;line-height: 60px;}
    #visualshift{padding: 40px 10px!important;background: #ffffff!important;}
    #visualshift .articleList > div {width: 100% !important;background: #f2f2f2;border-radius: 10px!important;margin-bottom: 10px!important;}
    #visualshift .articleList > div .thum {width: 37%;float: left;}
    #visualshift .articleList > div .txt {float: left;width: 63%;height: auto!important;    padding: 12px 11px 0!important;}
    #visualshift .lead {margin-bottom: 0!important;font-size: 12px!important;}
    #visualshift .articleList > div .txt .ttl {font-size: 14px!important;}
    #visualshift .articleList > div .txt .ttl {margin-bottom: 6px!important;}
    #visualshift .articleList > div a:hover {color: #555555!important;}
    #content {letter-spacing: 0!important;}
    .videos {left: 0!important;height: auto!important;  margin-left: 0!important;width: 100vw!important;}
    .Preview {height: 53vw!important;}
    .videolist {width: 100%!important;float: left;border-radius: 10px; overflow: hidden;}
    .video_about {background: #ffffff!important;}
    .header_video{margin-top: 30px}
    .videolist:first-child{margin-bottom: 10px}
    .videoed {display: block!important;width: 70px!important;height: 70px!important;left: 40% !important;top: 32% !important;}
    #footer {background-color: #ffffff!important;padding-top: 10px}
    #ftMailnews{margin: 0 10px 10px 10px}
    #footer #ftMailnews {padding: 20px 0 20px 0!important;border-radius: 10px}
    #footer #ftMailnews a {width: 83% !important;height: 50px!important;line-height: 50px!important;}
    .button_list {width: 100% !important;}
    .button_center{width: 65% !important;float: left;}
    .button_list2 {width: 100%!important;clear: both;}
    .footer_logo img{width: 150px!important;margin-left: 10px}
    .button_text {margin-left: 10px!important;margin-top: 23px!important;}
    .button_text p {margin-top: 12px!important;    font-size: 13px!important;color: #b1b1b1 !important;}
    .footer_logo {margin-top: 40px!important;}
    .footer_phonewechat{width: 30%;float: right;margin-top: 40px;margin-right: 5%}
    .footer_phonewechat p{text-align: center;color: #b1b1b1;line-height: 47px;font-size: 14px}
    .footer_phonewechatimg{border-radius: 5px;padding: 5px;background: #ffffff;}
    #button {min-height: auto!important;}
    .footer_phoneline{width: calc(100% - 20px);height: 1px;margin: 20px 10px 10px 10px;background: #3e3e3e;}
    .footer_phonewetext{margin-left: 10px;padding-bottom: 10px;}
    .footer_phonewetext p{line-height: 24px;color: #b1b1b1}
    /*手机端导航*/
    .menu {float: right;--color: #000000;--duration: 1s;width: 36px;height: 36px;padding: 0;margin: 20px;outline: none;position: relative;border: none;background: none;display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;cursor: pointer;-webkit-appearence: none;-webkit-tap-highlight-color: transparent;}
    .menu:before, .menu:after {content: '';}
    .menu:before, .menu:after,
    .menu div {width: 32px;height: 4px;border-radius: 2px;background: var(--color);}
    .menu div {margin: 6px 0;}
    .menu.animation {-webkit-animation: burger var(--duration) linear forwards var(--direction, reverse);animation: burger var(--duration) linear forwards var(--direction, reverse);}
    .menu.animation:before, .menu.animation:after,
    .menu.animation div {--m: 2;--r: -1;-webkit-animation: move var(--duration) linear forwards var(--direction, reverse);animation: move var(--duration) linear forwards var(--direction, reverse);}
    .menu.animation div {--m: 1;--r: 1;}
    .menu.animation:after {--m: 0;--r: 1;}
    .menu.animation.active {--direction: normal;}
    .phone_nav{position: fixed;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.88);top: 82px;left: 0;display: none}
    .phone_nav_ul{width: 70%;margin-left: 20%;margin-top: 9%;}
    .phone_nav_ul>li>a{font-size: 20px;font-weight: bold;color: #ffffff}
    .phone_nav_ul>li{margin: 10px auto}
    .phone_nav_ul>li>div{display: inline-block;}
    .phone_nav_ul>li>div>a{font-size: 20px;font-weight: bold;color: #ffffff}
    .d-secondNav{display: inline-block;font-weight: bold}
    .d-secondNav a{line-height: 30px;;font-size:18px }
    .phone_second_ul{margin: 0 0 0 35px!important;}
    .third_index{font-size: 18px;color: #dbdbdb}
    .d-firstDrop{display: none;}
    .d-secondDrop{display: none;}
    .d-firstNav a{float: left;}
    .d-secondNav a{float: left;color: #e3e3e3
    }
    .fa-caret-right{float: left;height: 30px;width: 30px;background-image: url("../images/arrow-right.png");background-repeat: no-repeat;background-position: 67% 55%;background-size: 28% 50%;transition: transform 0.5s;margin-left: 15px;}
    .iconRotate {transform: rotate(90deg);transition: transform 0.5s;}
    /*关于我们*/
    #mainVisual .img, .bgImgBlur {background-size: auto 100% !important;-moz-background-size: auto 100% !important;-webkit-background-size: auto 100% !important;-o-background-size: auto 100% !important;-ms-background-size: auto 100% !important;background-position: center!important;}
    #siteNavi{display: none}
    .about_container {width: 100% !important;    padding-top: 37px;}
    .about_toptext {width: 90% !important;margin: 0 auto!important;}
    .about_honor h1 {margin-bottom: 30px;}
    .about_toptext {margin-top: 30px!important;}
    .about_toptext>p {line-height: 32px!important;font-size: 14px!important;}
    .aboutpage_img {width: 80% !important;margin: 30px auto 0 auto !important}
    .aboutpage_case ul li {font-size: 14px;}
    .aboutpage_case ul {margin-left: 30%!important;}
    .aboutpage_case ul li:before {width: 23px!important;left: -38px!important;}
    .aboutpage_case ul {margin-top: 62px!important;}
    .swiper_aboutpage .swiper-wrapper .swiper-slide{text-align: center;padding-bottom: 50px}
    .swiper-pagination_about{top: auto!important;margin-bottom: -10px;}
    .btn_abutton {text-align: center;margin: 0px 0 80px 0!important;}
    .aboutpageswiper_img img:hover{transform: scale(1) !important;}
    .Honor_container {width: auto!important;padding-top: 30px!important;}
    .Honor_container_img {height: auto!important;}
    .Honor_container_list {width: 45% !important;margin: 1.5% 2% 1.5% 2% !important;vertical-align: top;}
    .Honor_container_list:nth-child(2n+1){margin: 1.5% 1% 1.5% 3% !important;}
    .Honor_container_text span {font-size: 14px!important;}
    .casepadT {padding-top: 297px!important;}
    .honorcont_container {width: auto!important;}
    .about_honor h1 {margin-top: 15px!important;;}
    .honorcont_container img{width: 80%;}
    .newsList_container {width: auto!important;}
    .newsList_centent {min-height:100%;width: 95%!important;margin-left: 2.5%}
    .newsList_centent_plan {width: 100% !important;margin: 0 0 6% 0!important;background: #fff!important;box-shadow: 0 0 20px #e0e0e0;    padding-bottom: 20px!important;}
    .newsList_centent_plan h1 {height: auto!important;font-size: 20px!important;padding: 0 20px 0 20px!important;}
    .newsList_centent_plan p{font-size: 14px;-webkit-line-clamp: 2!important;}
    .newsList_centent_plan:hover {-webkit-transition: all .5s cubic-bezier(.42, 0, .58, 1);-o-transition: all .5s cubic-bezier(.42, 0, .58, 1);transition: all .5s cubic-bezier(.42, 0, .58, 1);box-shadow: 0 0 30px #e0e0e0!important;transform: translate(0,0) !important;}
    .newsList_centent_plan:hover h1 {color: #4d4d4d!important;}
    .newsList_centent_plan span {padding: 10px 20px!important;}
    .newsList_centent_plan p {padding: 0 20px!important;}
    .newsList_img {    margin: 13px 30px 0 20px!important;}
    .phone_navnewsplan ul li{display: inline-block;margin: 0 10px;font-size: 14px;font-weight: bold}
    .phone_navnewsplan ul{text-align: center}
    .phone_navnewsplan{margin: 30px 0}
    .details_text {width: 90%!important;}
    .details_text p{font-weight: normal!important;}
    .pageTtlUnder .txtPageEn {font-size: 26px!important;padding: 0 20px!important;font-weight: bold!important;}
    #content.padT{padding-top: 298px !important}
    .produtc_list {margin: 0 1% 1.7% 1% !important;width: 48% !important;}
    .product_container {padding: 10px 5px 20px 5px!important;}
    .produtctxt {background-color: #f2f2f2!important;    padding: 13px 10px 13px!important;}
    .produtmainTtl {font-size: 13px!important;}
    .produtc_list a:hover .ja{color: #555555!important;}
    .product_navlist ul li a{white-space: nowrap;}
    .product_navlist ul li{display: inline-block;font-weight: bold;font-size: 16px;margin: 0 20px;}
    .product_navlist ul{padding: 30px 0 20px 0;display: flex;overflow-x: auto;overflow-y: hidden;overflow: auto!important;}
    .product_center {width: 100%;}
    .Pro_detR {width: 90% !important;margin-right: 5%}
    .procont_buttright {width: 100%;}
    .tiled-background {padding: 0 10px!important;}
    .halves.padded-halves>div{width: 100% !important}
    .halves.padded-halves>div:last-child {clear: both;}
    .form button, .form input, .form select, .form textarea, .jotform-form button, .jotform-form input, .jotform-form select, .jotform-form textarea {width: calc(100% - 36px) !important;}
    .contact_text p:first-child {font-size: 20px!important;}
    .contact_text p:nth-child(2) {font-size: 16px!important;}
    .contact_text p:first-child{margin-top: 30px;margin-bottom: 20px}
    #button1{width: 100% !important}
    .after_height {height: 29px!important;}
    .after_text {font-size: 14px!important;    width: 90% !important;}
    .form-all{margin-top: 30px}
    .case_container {width: auto!important;}
    .case_list {width: 95% !important;padding: 20px 0 0 0!important;}
    .case_plan_text {min-height: 0!important;padding: 15px 15px 15px!important;}
    .case_plan_text h1 {font-size: 19px!important;font-weight: bold!important;}
    .contact_left {padding: 0!important;width: 100% !important;}
    .add, .phone, .email {width: auto!important;}
    .time {padding: 20px 0;width: auto!important;}
    .contact_right {width: 100%!important;float: right;}
    .map {height: 30vh!important;margin: 0!important;padding: 80px 50px!important;}
    .downlint_container {width: auto!important;}
    .downlint_left {width: 90% !important;padding: 5%!important;float: left;}
    .downlint_right {position: relative!important;float: left!important;right: 0!important;width: 90% !important;margin-left: 5%;margin-bottom: 20px}
    .downlint {width: 90% !important;margin: 0 5% 50px 5% !important;border: none!important;box-shadow: 0 0 20px #e0e0e0!important;}
    .downlint_right>a>button{width: 100%}
    .FL_left{display: none}
    .productcont_img{width: 100%;height: 100vw}
    #procont_page{bottom: 0px!important;top: auto!important;}
    .swiper_procont .swiper-wrapper{padding-bottom: 50px;}
    .procont_buttrightcont {padding: 2% 5% 5% 5% !important;}
    .procont_buttrightconttext h1 {font-size: 20px!important;padding: 25px 0 21px 0!important;}
    .on_list{}
    .on_list a{color: #e60d1e!important;position: relative;}
    .on_list a:before{content: "";position: absolute;width: 120%;left: -10%;height: 2px;background: #e60d1e;top: 125%;}
    #service #category > div a:hover {background-color: #ffffff!important;color: #000000!important;}
    .wapnew{padding: 10px}
    .wapnew_title{float: left;}
    .wapnew_title img {width: 25px;vertical-align: top;margin-top: 2px;}
    .wapnew_title span{font-size: 18px;font-weight: bold;line-height: 30px;margin-left: 5px}
    .swiper_newswap{width: 55%;    margin-left: 22px;float: left;}
    .swiper_newswap .swiper-wrapper .swiper-slide span{font-size: 15px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    #mainVisualWrap,#mainVisual {height: 380px!important;}
    #mainVisual .img, .bgImgBlur {height: 380px!important;}
    #mainVisualTtl {padding: 180px 0 30px!important;}
    #mainVisualTtl>p>a{color: #ffffff}
    #mainVisualTtl>p{font-size: 12px;font-weight: normal;opacity: .8;margin-top: 18px}
    #mainVisualTtl .txtJp {font-size: 20px!important;font-weight: bold;}
    .wap_search img{width: 30px;float: right;margin: 22.5px 0 0 0}
    .wap_search_container{position: fixed;width: 100%;background: rgba(255, 255, 255, 0.82);top: 82px;left: 0;display: none;}
    .wap_search_container h1{color: #000000!important;font-size: 24px!important;display: block;    width: 100% !important;margin: 30px 0 0 0!important;text-align: center;}
    .wap_search_input{margin: 18px 17px 17px 17px}
    .wap_search_input select{-webkit-appearance:none;border: 1px solid #000000;border-radius: 10px;height: 41px;width: 34%;font-size: 16px;font-weight: bold;color: #333333;background: none;outline: none;appearance:none;background-image: url("../image/ico_faq_arrow_down.png");background-repeat: no-repeat;background-position: 90%;}
    .wap_search_input input{padding-left:10px;font-size: 16px;-webkit-appearance:none;height: 32px;width: 57%;background: none;border-radius: 0!important;border-right: none;border-left: none;border-top: none;border-bottom: 1px solid#333333;}
    input[type=button], input[type=submit], input[type=file], button {cursor: pointer;-webkit-appearance: none;}
    select:not(:-internal-list-box) {overflow: visible !important;}
    input::-webkit-input-placeholder {color: #333333;}
    .wap_search_button{width: 100%;border-radius: 10px;font-size: 16px;font-weight: bold;padding: 15px 0;margin-top: 20px;background: #e60d1e;color: #ffffff;margin-bottom: 36px}
    .wap_search_containerline{width: 30px;height: 1px;background: #000000;margin: 0 auto;margin-top: 72px;}
    .wapbuttnav{position: fixed;bottom: 0;width: 100%;opacity: .9;background: #ffffff;z-index: 9999;}
    .wapbuttnav ul{display: flex;padding: 11px 0}
    .wapbuttnav ul li{width: 20%;margin: 0 2.5%;text-align: center}
    .wapbuttnav ul li img{width: 25px}
    .wapbuttnav ul li p{padding: 10px 0 0 0;font-size: 13px;font-weight: bold}
    .wapbuttheight{height: 75px;width: 100%}
    .up_onclick {bottom: 115px!important;right: 11px!important;}
    .oncolor{color: #e60113!important;}
    .pageTtlUnder .txtJp{display: none}
    .contact_text p {margin-bottom: 20px!important;}
    .contact_text h1 {font-size: 20px;font-weight: normal!important;}
    .phone_text h1 {font-family: "Microsoft YaHei" !important;}
    .email_text h1 {font-family: "Microsoft YaHei" !important;}
    .time_text h1 {font-family: "Microsoft YaHei" !important;}
    .contact_text p:first-child {line-height: 25px!important;}
    .contact_text img {margin-top: 6px;}
    .TopPageThumbnail:nth-child(2n){animation-delay:0.25s;}
    .category_div:nth-child(2n){animation-delay:0.25s;}
    .after_text {margin-bottom: 50px!important;}
    /*.swiper_newswap .swiper-wrapper .swiper-slide{height: auto!important;}*/
    .swiper_newswap{height: 30px}
    .Ordinary_member_topindex_center{width: 95%!important;margin-left: 2.5%}
    .search_list_plan {margin: 0 10px 0 10px!important;}
    .Ordinary_member_index_container {margin-top: 0!important;}
    .search_list_plan span{font-size: 16px}
    .search_list_plan a span{font-size: 24px!important;}
    /*.newslistbannerimg {height: 45vw!important;}*/
    .case_plan_img {height: 47vw!important;}
    .newslistbannerimg {
        height: 56vw!important;
    }
    }
@media (min-width: 801px){
    .wap{display: none}
    .video_about {background: none!important;}
    .about_honor h1{margin-bottom: 80px;}
    .swiper_aboutpage .swiper-wrapper .swiper-slide{width: auto!important;}
    .newsList_centent_plan:hover h1{color: #ea2a39!important;}
    #content.padT{padding-top:267px !important}
    .produtc_list a:hover .ja{color: #ffffff!important;}
}

@-webkit-keyframes burger {
15% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
30%,
40% {
-webkit-transform: none;
transform: none;
}
60% {
-webkit-transform: translateY(12px);
transform: translateY(12px);
}
75% {
-webkit-transform: translateY(-16px);
transform: translateY(-16px);
}
100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes burger {
15% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
30%,
40% {
-webkit-transform: none;
transform: none;
}
60% {
-webkit-transform: translateY(12px);
transform: translateY(12px);
}
75% {
-webkit-transform: translateY(-16px);
transform: translateY(-16px);
}
100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@-webkit-keyframes move {
15%,
50% {
-webkit-transform: translateY(calc(10px * var(--m)));
transform: translateY(calc(10px * var(--m)));
}
30% {
-webkit-transform: translateY(calc(-6px * var(--m)));
transform: translateY(calc(-6px * var(--m)));
}
35% {
-webkit-transform: translateY(calc(-8px * var(--m)));
transform: translateY(calc(-8px * var(--m)));
}
65% {
-webkit-transform: translateY(calc(10px * var(--m))) rotate(calc(60deg * var(--r)));
transform: translateY(calc(10px * var(--m))) rotate(calc(60deg * var(--r)));
}
90% {
-webkit-transform: translateY(calc(10px * var(--m))) rotate(calc(40deg * var(--r)));
transform: translateY(calc(10px * var(--m))) rotate(calc(40deg * var(--r)));
}
80%,
100% {
-webkit-transform: translateY(calc(10px * var(--m))) rotate(calc(45deg * var(--r)));
transform: translateY(calc(10px * var(--m))) rotate(calc(45deg * var(--r)));
}
}
@keyframes move {
15%,
50% {
-webkit-transform: translateY(calc(10px * var(--m)));
transform: translateY(calc(10px * var(--m)));
}
30% {
-webkit-transform: translateY(calc(-6px * var(--m)));
transform: translateY(calc(-6px * var(--m)));
}
35% {
-webkit-transform: translateY(calc(-8px * var(--m)));
transform: translateY(calc(-8px * var(--m)));
}
65% {
-webkit-transform: translateY(calc(10px * var(--m))) rotate(calc(60deg * var(--r)));
transform: translateY(calc(10px * var(--m))) rotate(calc(60deg * var(--r)));
}
90% {
-webkit-transform: translateY(calc(10px * var(--m))) rotate(calc(40deg * var(--r)));
transform: translateY(calc(10px * var(--m))) rotate(calc(40deg * var(--r)));
}
80%,
100% {
-webkit-transform: translateY(calc(10px * var(--m))) rotate(calc(45deg * var(--r)));
transform: translateY(calc(10px * var(--m))) rotate(calc(45deg * var(--r)));
}
}
.Ordinary_member_index_container_right{
    min-height: 616px;
    width: 100%;
    border: 1px solid #a9a9a9;
    /*margin-top: 37px;*/
    margin-bottom: 50px;
}
.Ordinary_member_topindex_center{
    width: 1200px;
    margin: 0 auto;
}
.Ordinary_member_index_container{
    width: 100%;
    margin-top: 10px;
}
.Ordinary_member_index_container_left{
    margin-left: 3%;
    height: 616px;
    width: 24%;
    border: 1px solid #eaeaea;
    min-height: 616px;
}
.search_title{
    font-size: 24px;
}
.search_title:hover{
    text-decoration: underline;
}
.search_list_plan{
    margin:0 50px 0 50px;
    padding: 25px 0;
    border-bottom: 1px solid #a9a9a9;
}
.Ordinary_member_index_container_right .search_list_plan:last-child{
    border: none;
}
.search_page{
    margin-top: 50px;
    margin-bottom: 50px!important;
}
.search_expert{
    width: 100px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #000000;
    height: 30px;
    line-height: 30px;
    margin-top: 40px;
    color: #000000;
    transition: 0.25s all;
}
.search_expert:hover{
    background: #000000;
    color: #ffffff;
}

.Ordinary_member_index_container_right_tab{
    height: 44px;
    width: 100%;
    border-bottom: 1px solid #a9a9a9;
}
.Ordinary_member_index_container_right_tab ul li span{
    color: #333333;
    font-size: 14px;
    border-right: 1px solid #a9a9a9;
    text-align: center;
    display: block;
    width: 120px;
    height: 26px;
    margin-top: 10px;
    line-height: 26px;
}
.Ordinary_member_index_container_right_tab ul li{
    width: 120px;
    float: left;
    height: 42px;
}
.search_expert_container{
    min-height: 36vh;
    border: 1px solid #eaeaea;
    margin: 0 auto 50px auto;
    position: relative;
}
.search_title_top{
    padding-top: 50px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 37px;
}
.search_title_top_a{
    color: #e60012;
}
.search_expert_list_pasge{
    position: absolute;
    bottom: 0;
    left: 39%;
}
/*.search_expert_containertop{*/
/*   padding-top: 50px;*/
/*}*/
.expert_plan_text p{
    font-size: 18px;
}
.about_container_text{
    font-size: 18px;
}
.member_plan{
    float: left;
    margin-left: 100px;
}
.member_plan img{
    width: 200px;
    height: 258px;
}
.member_plan p{
    text-align: center;
    font-size: 16px;
}
.member_shop{
    width: 50%;
    margin: 0 auto;
    padding-top: 80px;
}
.about_Office{
    padding-left: 50px;
    box-shadow: -2px 0px 0px #e60012 !important;
    border-top: none;
    margin: 50px 0 20px 30px;
}
.about_Office span{
    font-size: 20px;
    font-weight: bold;
}
.tab_color{
    border-bottom: 2px solid #e60012;
}
.tab_color span{
    color: #e60012!important;
}


.pag_02 {
    width: 85%;
    margin: 40px auto;
    text-align: center;
    height: 24px;
    line-height: 24px;
}

DIV.yellow {
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    MARGIN: 7px;
    PADDING-TOP: 2px;
    /*FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif*/
}

    DIV.yellow A {
        PADDING-RIGHT: 0.64em;
        PADDING-LEFT: 0.64em;
        PADDING-BOTTOM: 0.43em;
        MARGIN: 2px;
        COLOR: #fff;
        PADDING-TOP: 0.5em;
        BACKGROUND-COLOR: #515151;
        TEXT-DECORATION: none
    }

        DIV.yellow A:hover {
            PADDING-RIGHT: 0.64em;
            PADDING-LEFT: 0.64em;
            PADDING-BOTTOM: 0.43em;
            MARGIN: 2px;
            COLOR: #fff;
            PADDING-TOP: 0.5em;
            BACKGROUND-COLOR: #666
        }

        DIV.yellow A:active {
            PADDING-RIGHT: 0.64em;
            PADDING-LEFT: 0.64em;
            PADDING-BOTTOM: 0.43em;
            MARGIN: 2px;
            COLOR: #fff;
            PADDING-TOP: 0.5em;
            BACKGROUND-COLOR: #666
        }

    DIV.yellow SPAN.current {
        PADDING-RIGHT: 0.64em;
        PADDING-LEFT: 0.64em;
        PADDING-BOTTOM: 0.43em;
        MARGIN: 2px;
        COLOR: #fff;
        PADDING-TOP: 0.5em;
    }

    DIV.yellow SPAN.disabled {
        DISPLAY: none
    }
.current {
    border-radius: 5px;
    background: #e60012;
}